/** * Generic style variables * * RGB versions of the basic color variables. Use this tool to calculate color changes: * https://www.rapidtables.com/convert/color/hex-to-rgb.html * * This stylesheet defines various generic variables used * throughout the application CSS * * @project Application Template * @version 0.2.0 * @package xhtml-css * @author Waverly Shaw * @copyright 2017 H+K International, Inc * @cssdoc version 1.0-pre * @license GPL v3 */ :root { /** * Basic color variables used for showing emphasis on buttons, links, * errors, or any other place where you might want to draw the eye */ --ux-basic-color-rgb : 208, 208, 208; --ux-default-color-rgb : 208, 208, 208; --ux-primary-color-rgb : 13, 110, 253; --ux-secondary-color-rgb: 108, 117, 125; --ux-success-color-rgb : 25, 135, 84; --ux-danger-color-rgb : 220, 53, 69; --ux-warning-color-rgb : 255, 193, 7; --ux-info-color-rgb : 13, 202, 240; --ux-light-color-rgb : 248, 249, 250; --ux-dark-color-rgb : 33, 37, 41; --ux-white-color-rgb : 255, 255, 255; --ux-black-color-rgb : 0, 0, 0; /** * General color variables, based on Bootstrap */ --ux-blue-color-rgb : 13, 110, 253; --ux-indigo-color-rgb : 102, 16, 242; --ux-purple-color-rgb : 111, 66, 193; --ux-pink-color-rgb : 255, 105, 180; --ux-hotpink-color-rgb : 214, 51, 132; --ux-red-color-rgb : 220, 53, 69; --ux-orange-color-rgb : 253, 126, 20; --ux-yellow-color-rgb : 255, 193, 7; --ux-green-color-rgb : 25, 135, 84; --ux-teal-color-rgb : 32, 201, 151; --ux-cyan-color-rgb : 13, 202, 240; --ux-white-color-rgb : 255, 255, 255; --ux-black-color-rgb : 0, 0, 0; --ux-gray-color-rgb : 108, 117, 125; --ux-gray-dark-color-rgb: 52, 58, 64; --ux-gray-100-color-rgb : 248, 249, 250; --ux-gray-200-color-rgb : 233, 236, 239; --ux-gray-300-color-rgb : 222, 226, 230; --ux-gray-400-color-rgb : 206, 212, 218; --ux-gray-500-color-rgb : 173, 181, 189; --ux-gray-600-color-rgb : 108, 117, 125; --ux-gray-700-color-rgb : 73, 80, 87; --ux-gray-800-color-rgb : 52, 58, 64; --ux-gray-900-color-rgb : 33, 37, 41; /** * The color that ExtJs uses for it's white */ --ux-ext-white-color-rgb : 254, 254, 254; /** * HKI specific color variables */ --ux-hki-yellow-color-rgb: 250, 218, 28; --ux-hki-black-color-rgb : 64, 64, 64; --ux-hki-gray-color-rgb : 153, 153, 153; /** * Environment specific color variables */ --ux-env-local-color-rgb: 51, 153, 102; --ux-env-dev-color-rgb : 204, 102, 51; --ux-env-qa-color-rgb : 204, 102, 204; --ux-env-uat-color-rgb : 153, 102, 153; --ux-env-prod-color-rgb : 255, 207, 0; /** * Extended color variables showing several degrees of a color both light * and dark. Use this tool to calculate color changes: * https://www.cssfontstack.com/oldsites/hexcolortool/ */ --ux-primary-color-darken-05-rgb : 2, 98, 239; --ux-primary-color-darken-10-rgb : 2, 87, 213; --ux-primary-color-darken-15-rgb : 2, 77, 188; --ux-primary-color-darken-20-rgb : 0, 59, 202; --ux-primary-color-darken-30-rgb : 0, 34, 177; --ux-primary-color-darken-40-rgb : 0, 8, 151; --ux-primary-color-darken-50-rgb : 0, 0, 126; --ux-primary-color-darken-60-rgb : 0, 0, 101; --ux-primary-color-darken-70-rgb : 0, 0, 75; --ux-primary-color-darken-80-rgb : 0, 0, 50; --ux-primary-color-darken-90-rgb : 0, 0, 24; --ux-primary-color-lighten-05-rgb: 38, 125, 253; --ux-primary-color-lighten-10-rgb: 64, 140, 253; --ux-primary-color-lighten-15-rgb: 89, 155, 254; --ux-primary-color-lighten-20-rgb: 64, 161, 255; --ux-primary-color-lighten-30-rgb: 90, 187, 255; --ux-primary-color-lighten-40-rgb: 115, 212, 255; --ux-primary-color-lighten-50-rgb: 140, 237, 255; --ux-primary-color-lighten-60-rgb: 166, 255, 255; --ux-primary-color-lighten-70-rgb: 191, 255, 255; --ux-primary-color-lighten-80-rgb: 217, 255, 255; --ux-primary-color-lighten-90-rgb: 242, 255, 255; --ux-secondary-color-darken-05-rgb: 96, 104, 111; --ux-secondary-color-darken-10-rgb: 84, 91, 98; --ux-secondary-color-darken-15-rgb: 73, 79, 84; --ux-secondary-color-darken-20-rgb: 57, 66, 74; --ux-secondary-color-darken-30-rgb: 32, 41, 49; --ux-secondary-color-darken-40-rgb: 6, 15, 23; --ux-secondary-color-darken-50-rgb: 0, 0, 0; --ux-secondary-color-darken-60-rgb: 0, 0, 0; --ux-secondary-color-darken-70-rgb: 0, 0, 0; --ux-secondary-color-darken-80-rgb: 0, 0, 0; --ux-secondary-color-darken-90-rgb: 0, 0, 0; --ux-secondary-color-lighten-05-rgb: 120, 130, 138; --ux-secondary-color-lighten-10-rgb: 134, 142, 150; --ux-secondary-color-lighten-15-rgb: 147, 155, 162; --ux-secondary-color-lighten-20-rgb: 159, 168, 176; --ux-secondary-color-lighten-30-rgb: 185, 194, 202; --ux-secondary-color-lighten-40-rgb: 210, 219, 227; --ux-secondary-color-lighten-50-rgb: 235, 244, 252; --ux-secondary-color-lighten-60-rgb: 235, 244, 252; --ux-secondary-color-lighten-70-rgb: 235, 244, 252; --ux-secondary-color-lighten-80-rgb: 235, 244, 252; --ux-secondary-color-lighten-90-rgb: 235, 244, 252; --ux-success-color-darken-05-rgb: 12, 122, 71; --ux-success-color-darken-10-rgb: 0, 110, 59; --ux-success-color-darken-15-rgb: 0, 97, 46; --ux-success-color-darken-20-rgb: 0, 84, 33; --ux-success-color-darken-30-rgb: 0, 59, 8; --ux-success-color-darken-40-rgb: 0, 33, 0; --ux-success-color-darken-50-rgb: 0, 8, 0; --ux-success-color-darken-60-rgb: 0, 8, 0; --ux-success-color-darken-70-rgb: 0, 8, 0; --ux-success-color-darken-80-rgb: 0, 8, 0; --ux-success-color-darken-90-rgb: 0, 8, 0; --ux-success-color-lighten-05-rgb: 38, 148, 97; --ux-success-color-lighten-10-rgb: 51, 161, 110; --ux-success-color-lighten-15-rgb: 63, 173, 122; --ux-success-color-lighten-20-rgb: 76, 186, 135; --ux-success-color-lighten-30-rgb: 102, 212, 161; --ux-success-color-lighten-40-rgb: 127, 237, 186; --ux-success-color-lighten-50-rgb: 152, 255, 211; --ux-success-color-lighten-60-rgb: 178, 255, 237; --ux-success-color-lighten-70-rgb: 203, 255, 255; --ux-success-color-lighten-80-rgb: 229, 255, 255; --ux-success-color-lighten-90-rgb: 254, 255, 255; --ux-success-color-pale-rgb: 128, 157, 132; --ux-danger-color-darken-05-rgb: 207, 40, 56; --ux-danger-color-darken-10-rgb: 195, 28, 44; --ux-danger-color-darken-15-rgb: 182, 15, 31; --ux-danger-color-darken-20-rgb: 169, 2, 18; --ux-danger-color-darken-30-rgb: 144, 0, 0; --ux-danger-color-darken-40-rgb: 118, 0, 0; --ux-danger-color-darken-50-rgb: 93, 0, 0; --ux-danger-color-darken-60-rgb: 68, 0, 0; --ux-danger-color-darken-70-rgb: 42, 0, 0; --ux-danger-color-darken-80-rgb: 17, 0, 0; --ux-danger-color-darken-90-rgb: 17, 0, 0; --ux-danger-color-lighten-05-rgb: 233, 66, 82; --ux-danger-color-lighten-10-rgb: 246, 79, 95; --ux-danger-color-lighten-15-rgb: 255, 91, 107; --ux-danger-color-lighten-20-rgb: 255, 104, 120; --ux-danger-color-lighten-30-rgb: 255, 130, 146; --ux-danger-color-lighten-40-rgb: 255, 155, 171; --ux-danger-color-lighten-50-rgb: 255, 180, 196; --ux-danger-color-lighten-60-rgb: 255, 206, 222; --ux-danger-color-lighten-70-rgb: 255, 231, 247; --ux-danger-color-lighten-80-rgb: 255, 231, 247; --ux-danger-color-lighten-90-rgb: 255, 231, 247; --ux-warning-color-darken-05-rgb: 242, 180, 0; --ux-warning-color-darken-10-rgb: 230, 168, 0; --ux-warning-color-darken-15-rgb: 217, 155, 0; --ux-warning-color-darken-20-rgb: 204, 142, 0; --ux-warning-color-darken-30-rgb: 179, 117, 0; --ux-warning-color-darken-40-rgb: 153, 91, 0; --ux-warning-color-darken-50-rgb: 128, 66, 0; --ux-warning-color-darken-60-rgb: 103, 41, 0; --ux-warning-color-darken-70-rgb: 77, 15, 0; --ux-warning-color-darken-80-rgb: 52, 0, 0; --ux-warning-color-darken-90-rgb: 26, 0, 0; --ux-warning-color-lighten-05-rgb: 255, 206, 20; --ux-warning-color-lighten-10-rgb: 255, 219, 33; --ux-warning-color-lighten-15-rgb: 255, 231, 45; --ux-warning-color-lighten-20-rgb: 255, 244, 58; --ux-warning-color-lighten-30-rgb: 255, 255, 84; --ux-warning-color-lighten-40-rgb: 255, 255, 109; --ux-warning-color-lighten-50-rgb: 255, 255, 134; --ux-warning-color-lighten-60-rgb: 255, 255, 160; --ux-warning-color-lighten-70-rgb: 255, 255, 185; --ux-warning-color-lighten-80-rgb: 255, 255, 211; --ux-warning-color-lighten-90-rgb: 255, 255, 236; --ux-info-color-darken-05-rgb: 0, 189, 227; --ux-info-color-darken-10-rgb: 0, 177, 215; --ux-info-color-darken-15-rgb: 0, 164, 202; --ux-info-color-darken-20-rgb: 0, 151, 189; --ux-info-color-darken-30-rgb: 0, 126, 164; --ux-info-color-darken-40-rgb: 0, 100, 138; --ux-info-color-darken-50-rgb: 0, 75, 113; --ux-info-color-darken-60-rgb: 0, 50, 88; --ux-info-color-darken-70-rgb: 0, 24, 62; --ux-info-color-darken-80-rgb: 0, 0, 37; --ux-info-color-darken-90-rgb: 0, 0, 11; --ux-info-color-lighten-05-rgb: 26, 215, 253; --ux-info-color-lighten-10-rgb: 39, 228, 255; --ux-info-color-lighten-15-rgb: 51, 240, 255; --ux-info-color-lighten-20-rgb: 64, 253, 255; --ux-info-color-lighten-30-rgb: 90, 255, 255; --ux-info-color-lighten-40-rgb: 115, 255, 255; --ux-info-color-lighten-50-rgb: 140, 255, 255; --ux-info-color-lighten-60-rgb: 166, 255, 255; --ux-info-color-lighten-70-rgb: 191, 255, 255; --ux-info-color-lighten-80-rgb: 217, 255, 255; --ux-info-color-lighten-90-rgb: 242, 255, 255; --ux-light-color-darken-05-rgb: 235, 236, 237; --ux-light-color-darken-10-rgb: 223, 224, 225; --ux-light-color-darken-15-rgb: 210, 211, 212; --ux-light-color-darken-20-rgb: 197, 198, 199; --ux-light-color-darken-30-rgb: 172, 173, 174; --ux-light-color-darken-40-rgb: 146, 147, 148; --ux-light-color-darken-50-rgb: 121, 122, 123; --ux-light-color-darken-60-rgb: 96, 97, 98; --ux-light-color-darken-70-rgb: 70, 71, 72; --ux-light-color-darken-80-rgb: 45, 46, 47; --ux-light-color-darken-90-rgb: 19, 20, 21; --ux-light-color-lighten-05-rgb: 255, 255, 255; --ux-light-color-lighten-10-rgb: 255, 255, 255; --ux-light-color-lighten-15-rgb: 255, 255, 255; --ux-light-color-lighten-20-rgb: 255, 255, 255; --ux-light-color-lighten-30-rgb: 255, 255, 255; --ux-light-color-lighten-40-rgb: 255, 255, 255; --ux-light-color-lighten-50-rgb: 255, 255, 255; --ux-light-color-lighten-60-rgb: 255, 255, 255; --ux-light-color-lighten-70-rgb: 255, 255, 255; --ux-light-color-lighten-80-rgb: 255, 255, 255; --ux-light-color-lighten-90-rgb: 255, 255, 255; --ux-dark-color-darken-05-rgb: 20, 24, 28; --ux-dark-color-darken-10-rgb: 8, 12, 16; --ux-dark-color-darken-15-rgb: 0, 0, 3; --ux-dark-color-darken-20-rgb: 1, 7, 13; --ux-dark-color-darken-30-rgb: 0, 0, 0; --ux-dark-color-darken-40-rgb: 0, 0, 0; --ux-dark-color-darken-50-rgb: 0, 0, 0; --ux-dark-color-darken-60-rgb: 0, 0, 0; --ux-dark-color-darken-70-rgb: 0, 0, 0; --ux-dark-color-darken-80-rgb: 0, 0, 0; --ux-dark-color-darken-90-rgb: 0, 0, 0; --ux-dark-color-lighten-05-rgb: 46, 50, 54; --ux-dark-color-lighten-10-rgb: 59, 63, 67; --ux-dark-color-lighten-15-rgb: 71, 75, 79; --ux-dark-color-lighten-20-rgb: 84, 88, 92; --ux-dark-color-lighten-30-rgb: 110, 114, 118; --ux-dark-color-lighten-40-rgb: 135, 139, 143; --ux-dark-color-lighten-50-rgb: 160, 164, 168; --ux-dark-color-lighten-60-rgb: 186, 190, 194; --ux-dark-color-lighten-70-rgb: 211, 215, 219; --ux-dark-color-lighten-80-rgb: 237, 241, 245; --ux-dark-color-lighten-90-rgb: 237, 241, 245; --ux-pink-color-darken-05-rgb: 242, 92, 167; --ux-pink-color-darken-10-rgb: 230, 80, 155; --ux-pink-color-darken-15-rgb: 217, 67, 142; --ux-pink-color-darken-20-rgb: 204, 54, 129; --ux-pink-color-darken-30-rgb: 179, 29, 104; --ux-pink-color-darken-40-rgb: 153, 3, 78; --ux-pink-color-darken-50-rgb: 128, 0, 53; --ux-pink-color-darken-60-rgb: 103, 0, 28; --ux-pink-color-darken-70-rgb: 77, 0, 2; --ux-pink-color-darken-80-rgb: 52, 0, 0; --ux-pink-color-darken-90-rgb: 26, 0, 0; --ux-pink-color-lighten-05-rgb: 255, 118, 193; --ux-pink-color-lighten-10-rgb: 255, 131, 206; --ux-pink-color-lighten-15-rgb: 255, 143, 218; --ux-pink-color-lighten-20-rgb: 255, 156, 231; --ux-pink-color-lighten-30-rgb: 255, 182, 255; --ux-pink-color-lighten-40-rgb: 255, 207, 255; --ux-pink-color-lighten-50-rgb: 255, 232, 255; --ux-pink-color-lighten-60-rgb: 255, 232, 255; --ux-pink-color-lighten-70-rgb: 255, 232, 255; --ux-pink-color-lighten-80-rgb: 255, 232, 255; --ux-pink-color-lighten-90-rgb: 255, 232, 255; --ux-hki-yellow-color-darken-05-rgb: 237, 205, 15; --ux-hki-yellow-color-darken-10-rgb: 225, 193, 3; --ux-hki-yellow-color-darken-15-rgb: 212, 180, 0; --ux-hki-yellow-color-darken-20-rgb: 199, 167, 0; --ux-hki-yellow-color-darken-30-rgb: 174, 142, 0; --ux-hki-yellow-color-darken-40-rgb: 148, 116, 0; --ux-hki-yellow-color-darken-50-rgb: 123, 91, 0; --ux-hki-yellow-color-darken-60-rgb: 98, 66, 0; --ux-hki-yellow-color-darken-70-rgb: 72, 40, 0; --ux-hki-yellow-color-darken-80-rgb: 47, 15, 0; --ux-hki-yellow-color-darken-90-rgb: 21, 0, 0; --ux-hki-yellow-color-lighten-05-rgb: 255, 231, 41; --ux-hki-yellow-color-lighten-10-rgb: 255, 244, 54; --ux-hki-yellow-color-lighten-15-rgb: 255, 255, 66; --ux-hki-yellow-color-lighten-20-rgb: 255, 255, 79; --ux-hki-yellow-color-lighten-30-rgb: 255, 255, 105; --ux-hki-yellow-color-lighten-40-rgb: 255, 255, 130; --ux-hki-yellow-color-lighten-50-rgb: 255, 255, 155; --ux-hki-yellow-color-lighten-60-rgb: 255, 255, 181; --ux-hki-yellow-color-lighten-70-rgb: 255, 255, 206; --ux-hki-yellow-color-lighten-80-rgb: 255, 255, 232; --ux-hki-yellow-color-lighten-90-rgb: 255, 255, 232; --ux-hki-black-color-darken-05-rgb: 51, 51, 51; --ux-hki-black-color-darken-10-rgb: 39, 39, 39; --ux-hki-black-color-darken-15-rgb: 26, 26, 26; --ux-hki-black-color-darken-20-rgb: 13, 13, 13; --ux-hki-black-color-darken-30-rgb: 13, 13, 13; --ux-hki-black-color-darken-40-rgb: 13, 13, 13; --ux-hki-black-color-darken-50-rgb: 13, 13, 13; --ux-hki-black-color-darken-60-rgb: 13, 13, 13; --ux-hki-black-color-darken-70-rgb: 13, 13, 13; --ux-hki-black-color-darken-80-rgb: 13, 13, 13; --ux-hki-black-color-darken-90-rgb: 13, 13, 13; --ux-hki-black-color-lighten-05-rgb: 77, 77, 77; --ux-hki-black-color-lighten-10-rgb: 90, 90, 90; --ux-hki-black-color-lighten-15-rgb: 102, 102, 102; --ux-hki-black-color-lighten-20-rgb: 115, 115, 115; --ux-hki-black-color-lighten-30-rgb: 141, 141, 141; --ux-hki-black-color-lighten-40-rgb: 166, 166, 166; --ux-hki-black-color-lighten-50-rgb: 191, 191, 191; --ux-hki-black-color-lighten-60-rgb: 217, 217, 217; --ux-hki-black-color-lighten-70-rgb: 242, 242, 242; --ux-hki-black-color-lighten-80-rgb: 242, 242, 242; --ux-hki-black-color-lighten-90-rgb: 242, 242, 242; --ux-hki-gray-color-darken-05-rgb: 140, 140, 140; --ux-hki-gray-color-darken-10-rgb: 128, 128, 128; --ux-hki-gray-color-darken-15-rgb: 115, 115, 115; --ux-hki-gray-color-darken-20-rgb: 102, 102, 102; --ux-hki-gray-color-darken-30-rgb: 77, 77, 77; --ux-hki-gray-color-darken-40-rgb: 51, 51, 51; --ux-hki-gray-color-darken-50-rgb: 26, 26, 26; --ux-hki-gray-color-darken-60-rgb: 1, 1, 1; --ux-hki-gray-color-darken-70-rgb: 1, 1, 1; --ux-hki-gray-color-darken-80-rgb: 1, 1, 1; --ux-hki-gray-color-darken-90-rgb: 1, 1, 1; --ux-hki-gray-color-lighten-05-rgb: 166, 166, 166; --ux-hki-gray-color-lighten-10-rgb: 179, 179, 179; --ux-hki-gray-color-lighten-15-rgb: 191, 191, 191; --ux-hki-gray-color-lighten-20-rgb: 204, 204, 204; --ux-hki-gray-color-lighten-30-rgb: 230, 230, 230; --ux-hki-gray-color-lighten-40-rgb: 230, 230, 230; --ux-hki-gray-color-lighten-50-rgb: 230, 230, 230; --ux-hki-gray-color-lighten-60-rgb: 230, 230, 230; --ux-hki-gray-color-lighten-70-rgb: 230, 230, 230; --ux-hki-gray-color-lighten-80-rgb: 230, 230, 230; --ux-hki-gray-color-lighten-90-rgb: 230, 230, 230; --ux-env-local-color-darken-05-rgb: 38, 140, 89; --ux-env-local-color-darken-10-rgb: 26, 128, 77; --ux-env-local-color-darken-15-rgb: 13, 115, 64; --ux-env-local-color-darken-20-rgb: 0, 102, 51; --ux-env-local-color-darken-30-rgb: 0, 77, 26; --ux-env-local-color-darken-40-rgb: 0, 51, 0; --ux-env-local-color-darken-50-rgb: 0, 26, 0; --ux-env-local-color-darken-60-rgb: 0, 26, 0; --ux-env-local-color-darken-70-rgb: 0, 26, 0; --ux-env-local-color-darken-80-rgb: 0, 26, 0; --ux-env-local-color-darken-90-rgb: 0, 26, 0; --ux-env-local-color-lighten-05-rgb: 64, 166, 115; --ux-env-local-color-lighten-10-rgb: 77, 179, 128; --ux-env-local-color-lighten-15-rgb: 89, 191, 140; --ux-env-local-color-lighten-20-rgb: 102, 204, 153; --ux-env-local-color-lighten-30-rgb: 128, 230, 179; --ux-env-local-color-lighten-40-rgb: 153, 255, 204; --ux-env-local-color-lighten-50-rgb: 178, 255, 229; --ux-env-local-color-lighten-60-rgb: 204, 255, 255; --ux-env-local-color-lighten-70-rgb: 229, 255, 255; --ux-env-local-color-lighten-80-rgb: 229, 255, 255; --ux-env-local-color-lighten-90-rgb: 229, 255, 255; --ux-env-dev-color-darken-05-rgb: 191, 89, 38; --ux-env-dev-color-darken-10-rgb: 179, 77, 26; --ux-env-dev-color-darken-15-rgb: 166, 64, 13; --ux-env-dev-color-darken-20-rgb: 153, 51, 0; --ux-env-dev-color-darken-30-rgb: 128, 26, 0; --ux-env-dev-color-darken-40-rgb: 102, 0, 0; --ux-env-dev-color-darken-50-rgb: 77, 0, 0; --ux-env-dev-color-darken-60-rgb: 52, 0, 0; --ux-env-dev-color-darken-70-rgb: 26, 0, 0; --ux-env-dev-color-darken-80-rgb: 1, 0, 0; --ux-env-dev-color-darken-90-rgb: 1, 0, 0; --ux-env-dev-color-lighten-05-rgb: 217, 115, 64; --ux-env-dev-color-lighten-10-rgb: 230, 128, 77; --ux-env-dev-color-lighten-15-rgb: 242, 140, 89; --ux-env-dev-color-lighten-20-rgb: 255, 153, 102; --ux-env-dev-color-lighten-30-rgb: 255, 179, 128; --ux-env-dev-color-lighten-40-rgb: 255, 204, 153; --ux-env-dev-color-lighten-50-rgb: 255, 229, 178; --ux-env-dev-color-lighten-60-rgb: 255, 255, 204; --ux-env-dev-color-lighten-70-rgb: 255, 255, 229; --ux-env-dev-color-lighten-80-rgb: 255, 255, 229; --ux-env-dev-color-lighten-90-rgb: 255, 255, 229; --ux-env-qa-color-darken-05-rgb: 191, 89, 191; --ux-env-qa-color-darken-10-rgb: 179, 77, 179; --ux-env-qa-color-darken-15-rgb: 166, 64, 166; --ux-env-qa-color-darken-20-rgb: 153, 51, 153; --ux-env-qa-color-darken-30-rgb: 128, 26, 128; --ux-env-qa-color-darken-40-rgb: 102, 0, 102; --ux-env-qa-color-darken-50-rgb: 77, 0, 77; --ux-env-qa-color-darken-60-rgb: 52, 0, 52; --ux-env-qa-color-darken-70-rgb: 26, 0, 26; --ux-env-qa-color-darken-80-rgb: 1, 0, 1; --ux-env-qa-color-darken-90-rgb: 1, 0, 1; --ux-env-qa-color-lighten-05-rgb: 217, 115, 217; --ux-env-qa-color-lighten-10-rgb: 230, 128, 230; --ux-env-qa-color-lighten-15-rgb: 242, 140, 242; --ux-env-qa-color-lighten-20-rgb: 255, 153, 255; --ux-env-qa-color-lighten-30-rgb: 255, 179, 255; --ux-env-qa-color-lighten-40-rgb: 255, 204, 255; --ux-env-qa-color-lighten-50-rgb: 255, 229, 255; --ux-env-qa-color-lighten-60-rgb: 255, 229, 255; --ux-env-qa-color-lighten-70-rgb: 255, 229, 255; --ux-env-qa-color-lighten-80-rgb: 255, 229, 255; --ux-env-qa-color-lighten-90-rgb: 255, 229, 255; --ux-env-uat-color-darken-05-rgb: 140, 89, 140; --ux-env-uat-color-darken-10-rgb: 128, 77, 128; --ux-env-uat-color-darken-15-rgb: 115, 64, 115; --ux-env-uat-color-darken-20-rgb: 102, 51, 102; --ux-env-uat-color-darken-30-rgb: 77, 26, 77; --ux-env-uat-color-darken-40-rgb: 51, 0, 51; --ux-env-uat-color-darken-50-rgb: 26, 0, 26; --ux-env-uat-color-darken-60-rgb: 1, 0, 1; --ux-env-uat-color-darken-70-rgb: 1, 0, 1; --ux-env-uat-color-darken-80-rgb: 1, 0, 1; --ux-env-uat-color-darken-90-rgb: 1, 0, 1; --ux-env-uat-color-lighten-05-rgb: 166, 115, 166; --ux-env-uat-color-lighten-10-rgb: 191, 140, 191; --ux-env-uat-color-lighten-15-rgb: 179, 128, 179; --ux-env-uat-color-lighten-20-rgb: 204, 153, 204; --ux-env-uat-color-lighten-30-rgb: 230, 179, 230; --ux-env-uat-color-lighten-40-rgb: 255, 204, 255; --ux-env-uat-color-lighten-50-rgb: 255, 229, 255; --ux-env-uat-color-lighten-60-rgb: 255, 229, 255; --ux-env-uat-color-lighten-70-rgb: 255, 229, 255; --ux-env-uat-color-lighten-80-rgb: 255, 229, 255; --ux-env-uat-color-lighten-90-rgb: 255, 229, 255; --ux-env-prod-color-darken-15-rgb: 217, 169, 0; --ux-env-prod-color-darken-10-rgb: 230, 182, 0; --ux-env-prod-color-darken-20-rgb: 204, 156, 0; --ux-env-prod-color-darken-30-rgb: 179, 131, 0; --ux-env-prod-color-darken-40-rgb: 153, 105, 0; --ux-env-prod-color-darken-50-rgb: 128, 80, 0; --ux-env-prod-color-darken-60-rgb: 103, 55, 0; --ux-env-prod-color-darken-70-rgb: 77, 29, 0; --ux-env-prod-color-darken-80-rgb: 52, 4, 0; --ux-env-prod-color-darken-90-rgb: 26, 0, 0; --ux-env-prod-color-lighten-05-rgb: 255, 220, 13; --ux-env-prod-color-lighten-10-rgb: 255, 233, 26; --ux-env-prod-color-lighten-15-rgb: 255, 245, 38; --ux-env-prod-color-lighten-20-rgb: 255, 255, 51; --ux-env-prod-color-lighten-30-rgb: 255, 255, 77; --ux-env-prod-color-lighten-40-rgb: 255, 255, 102; --ux-env-prod-color-lighten-50-rgb: 255, 255, 127; --ux-env-prod-color-lighten-60-rgb: 255, 255, 153; --ux-env-prod-color-lighten-70-rgb: 255, 255, 178; --ux-env-prod-color-lighten-80-rgb: 255, 255, 204; --ux-env-prod-color-lighten-90-rgb: 255, 255, 229; }