xmlui 0.7.13 → 0.7.15

package/dist/scripts/src/components-core/theming/themes/theme-colors.js

@@ -0,0 +1,561 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.redThemeColors = exports.cyanThemeColors = exports.purpleThemeColors = exports.orangeThemeColors = exports.grayThemeColors = exports.greenThemeColors = void 0;
+exports.greenThemeColors = {
+    // --- Default surface color shades (form white to black)
+    "color-surface-50": "hsl(144, 20%, 96.5%)",
+    "color-surface-100": "hsl(144, 20%, 93%)",
+    "color-surface-200": "hsl(144, 20%, 85%)",
+    "color-surface-300": "hsl(144, 20%, 75%)",
+    "color-surface-400": "hsl(144, 20%, 65%)",
+    "color-surface-500": "hsl(144, 20%, 61%)", // #83AA90
+    "color-surface-600": "hsl(144, 20%, 45%)",
+    "color-surface-700": "hsl(144, 20%, 35%)",
+    "color-surface-800": "hsl(144, 20%, 27%)",
+    "color-surface-900": "hsl(144, 20%, 16%)",
+    "color-surface-950": "hsl(144, 20%, 13%)",
+    "color-surface": "$color-surface-500",
+    // --- Primary color shades
+    "color-primary-50": "hsl(158, 85%, 94.5%)",
+    "color-primary-100": "hsl(158, 85%, 89.1%)",
+    "color-primary-200": "hsl(158, 85%, 78.1%)",
+    "color-primary-300": "hsl(158, 85%, 67.2%)",
+    "color-primary-400": "hsl(158, 85%, 56.3%)",
+    "color-primary-500": "hsl(158, 85%, 33%)", // #0D9B60
+    "color-primary-600": "hsl(158, 85%, 29.7%)",
+    "color-primary-700": "hsl(158, 85%, 27.2%)",
+    "color-primary-800": "hsl(158, 85%, 18.1%)",
+    "color-primary-900": "hsl(158, 85%, 9.1%)",
+    "color-primary-950": "hsl(158, 85%, 4.5%)",
+    "color-primary": "$color-primary-500",
+    // --- Secondary color shades
+    "color-secondary-50": "hsl(198, 100%, 94.5%)",
+    "color-secondary-100": "hsl(198, 100%, 89.1%)",
+    "color-secondary-200": "hsl(198, 100%, 78.1%)",
+    "color-secondary-300": "hsl(198, 100%, 67.2%)",
+    "color-secondary-400": "hsl(198, 100%, 56.3%)",
+    "color-secondary-500": "hsl(198, 100%, 29%)", // #006792
+    "color-secondary-600": "hsl(198, 100%, 25%)",
+    "color-secondary-700": "hsl(198, 100%, 20%)",
+    "color-secondary-800": "hsl(198, 100%, 15%)",
+    "color-secondary-900": "hsl(198, 100%, 10%)",
+    "color-secondary-950": "hsl(198, 100%, 5%)",
+    "color-secondary": "$color-secondary-500",
+    // --- Warning color shades
+    "color-warn-50": "hsl(36, 100%, 93%)",
+    "color-warn-100": "hsl(36, 100%, 86%)",
+    "color-warn-200": "hsl(36, 100%, 72%)",
+    "color-warn-300": "hsl(36, 100%, 58%)",
+    "color-warn-400": "hsl(36, 100%, 44%)",
+    "color-warn-500": "hsl(36, 77%, 60%)", // #eaa84d
+    "color-warn-600": "hsl(36, 77%, 54%)",
+    "color-warn-700": "hsl(36, 77%, 48%)",
+    "color-warn-800": "hsl(36, 77%, 42%)",
+    "color-warn-900": "hsl(36, 77%, 36%)",
+    "color-warn-950": "hsl(36, 77%, 30%)",
+    "color-warn": "$color-warn-500",
+    // --- Danger color shades
+    "color-danger-50": "hsl(355, 95%, 95%)",
+    "color-danger-100": "hsl(355, 95%, 85%)",
+    "color-danger-200": "hsl(355, 95%, 75%)",
+    "color-danger-300": "hsl(355, 95%, 65%)",
+    "color-danger-400": "hsl(355, 95%, 55%)",
+    "color-danger-500": "hsl(355, 95%, 66%)", // #fb656f
+    "color-danger-600": "hsl(355, 95%, 60%)",
+    "color-danger-700": "hsl(355, 95%, 54%)",
+    "color-danger-800": "hsl(355, 95%, 48%)",
+    "color-danger-900": "hsl(355, 95%, 42%)",
+    "color-danger-950": "hsl(355, 95%, 36%)",
+    "color-danger": "$color-danger-500",
+    "color-attention": "$color-danger-500",
+    // --- Success color shades (greenish)
+    "color-success-50": "hsl(158, 85%, 94.5%)",
+    "color-success-100": "hsl(158, 85%, 89.1%)",
+    "color-success-200": "hsl(158, 85%, 78.1%)",
+    "color-success-300": "hsl(158, 85%, 67.2%)",
+    "color-success-400": "hsl(158, 85%, 56.3%)",
+    "color-success-500": "hsl(158, 85%, 33%)", // #0C8955
+    "color-success-600": "hsl(158, 85%, 29.7%)",
+    "color-success-700": "hsl(158, 85%, 27.2%)",
+    "color-success-800": "hsl(158, 85%, 18.1%)",
+    "color-success-900": "hsl(158, 85%, 9.1%)",
+    "color-success-950": "hsl(158, 85%, 4.5%)",
+    "color-success": "$color-success-500",
+    // --- Info color shades
+    "color-info-50": "hsl(202, 95%, 95%)",
+    "color-info-100": "hsl(202, 95%, 90%)",
+    "color-info-200": "hsl(202, 95%, 80%)",
+    "color-info-300": "hsl(202, 95%, 70%)",
+    "color-info-400": "hsl(202, 95%, 60%)",
+    "color-info-500": "hsl(202, 95%, 50%)", // #0587CD
+    "color-info-600": "hsl(202, 95%, 45%)",
+    "color-info-700": "hsl(202, 95%, 35%)",
+    "color-info-800": "hsl(202, 95%, 25%)",
+    "color-info-900": "hsl(202, 95%, 15%)",
+    "color-info-950": "hsl(202, 95%, 10%)",
+    "color-info": "$color-info-500",
+};
+exports.grayThemeColors = {
+    // --- Default surface color shades (form white to black)
+    "color-surface-50": "hsl(0, 0%, 98%)",
+    "color-surface-100": "hsl(0, 0%, 95%)",
+    "color-surface-200": "hsl(0, 0%, 83%)",
+    "color-surface-300": "hsl(0, 0%, 75%)",
+    "color-surface-400": "hsl(0, 0%, 63%)",
+    "color-surface-500": "hsl(0, 0%, 70%)", // #B2B2B2
+    "color-surface-600": "hsl(0, 0%, 60%)",
+    "color-surface-700": "hsl(0, 0%, 50%)",
+    "color-surface-800": "hsl(0, 0%, 40%)",
+    "color-surface-900": "hsl(0, 0%, 30%)",
+    "color-surface-950": "hsl(0, 0%, 20%)",
+    "color-surface": "$color-surface-500",
+    // --- Primary color shades
+    "color-primary-50": "hsl(0, 0%, 94.5%)",
+    "color-primary-100": "hsl(0, 0%, 89.1%)",
+    "color-primary-200": "hsl(0, 0%, 78.1%)",
+    "color-primary-300": "hsl(0, 0%, 67.2%)",
+    "color-primary-400": "hsl(0, 0%, 56.3%)",
+    "color-primary-500": "hsl(0, 0%, 36.9%)", // #5E5E5E
+    "color-primary-600": "hsl(0, 0%, 33%)",
+    "color-primary-700": "hsl(0, 0%, 29%)",
+    "color-primary-800": "hsl(0, 0%, 25%)",
+    "color-primary-900": "hsl(0, 0%, 21%)",
+    "color-primary-950": "hsl(0, 0%, 17%)",
+    "color-primary": "$color-primary-500",
+    // --- Secondary color shades
+    "color-secondary-50": "hsl(0, 0%, 94.5%)",
+    "color-secondary-100": "hsl(0, 0%, 89.1%)",
+    "color-secondary-200": "hsl(0, 0%, 78.1%)",
+    "color-secondary-300": "hsl(0, 0%, 67.2%)",
+    "color-secondary-400": "hsl(0, 0%, 56.3%)",
+    "color-secondary-500": "hsl(0, 0%, 57.6%)", // #939393
+    "color-secondary-600": "hsl(0, 0%, 52%)",
+    "color-secondary-700": "hsl(0, 0%, 46%)",
+    "color-secondary-800": "hsl(0, 0%, 40%)",
+    "color-secondary-900": "hsl(0, 0%, 34%)",
+    "color-secondary-950": "hsl(0, 0%, 28%)",
+    "color-secondary": "$color-secondary-500",
+    // --- Warning color shades
+    "color-warn-50": "hsl(36, 85%, 93%)",
+    "color-warn-100": "hsl(36, 85%, 86%)",
+    "color-warn-200": "hsl(36, 85%, 72%)",
+    "color-warn-300": "hsl(36, 85%, 58%)",
+    "color-warn-400": "hsl(36, 85%, 44%)",
+    "color-warn-500": "hsl(36, 85%, 56%)", // #EFA035
+    "color-warn-600": "hsl(36, 85%, 50%)",
+    "color-warn-700": "hsl(36, 85%, 44%)",
+    "color-warn-800": "hsl(36, 85%, 38%)",
+    "color-warn-900": "hsl(36, 85%, 32%)",
+    "color-warn-950": "hsl(36, 85%, 26%)",
+    "color-warn": "$color-warn-500",
+    // --- Danger color shades
+    "color-danger-50": "hsl(18, 87%, 95%)",
+    "color-danger-100": "hsl(18, 87%, 85%)",
+    "color-danger-200": "hsl(18, 87%, 75%)",
+    "color-danger-300": "hsl(18, 87%, 65%)",
+    "color-danger-400": "hsl(18, 87%, 55%)",
+    "color-danger-500": "hsl(18, 87%, 68%)", // #F58167
+    "color-danger-600": "hsl(18, 87%, 60%)",
+    "color-danger-700": "hsl(18, 87%, 50%)",
+    "color-danger-800": "hsl(18, 87%, 40%)",
+    "color-danger-900": "hsl(18, 87%, 30%)",
+    "color-danger-950": "hsl(18, 87%, 20%)",
+    "color-danger": "$color-danger-500",
+    "color-attention": "$color-danger-500",
+    // --- Success color shades
+    "color-success-50": "hsl(168, 100%, 95%)",
+    "color-success-100": "hsl(168, 100%, 85%)",
+    "color-success-200": "hsl(168, 100%, 75%)",
+    "color-success-300": "hsl(168, 100%, 65%)",
+    "color-success-400": "hsl(168, 100%, 55%)",
+    "color-success-500": "hsl(168, 100%, 39%)", // #00C896
+    "color-success-600": "hsl(168, 100%, 35%)",
+    "color-success-700": "hsl(168, 100%, 30%)",
+    "color-success-800": "hsl(168, 100%, 25%)",
+    "color-success-900": "hsl(168, 100%, 20%)",
+    "color-success-950": "hsl(168, 100%, 15%)",
+    "color-success": "$color-success-500",
+    "color-info-50": "hsl(204, 98%, 95%)",
+    "color-info-100": "hsl(204, 98%, 90%)",
+    "color-info-200": "hsl(204, 98%, 80%)",
+    "color-info-300": "hsl(204, 98%, 70%)",
+    "color-info-400": "hsl(204, 98%, 60%)",
+    "color-info-500": "hsl(204, 98%, 50%)", // #028ED9
+    "color-info-600": "hsl(204, 98%, 45%)",
+    "color-info-700": "hsl(204, 98%, 35%)",
+    "color-info-800": "hsl(204, 98%, 25%)",
+    "color-info-900": "hsl(204, 98%, 15%)",
+    "color-info-950": "hsl(204, 98%, 10%)",
+    "color-info": "$color-info-500",
+};
+exports.orangeThemeColors = {
+    // --- Default surface color shades (form white to black)
+    "color-surface-50": "hsl(220, 3%, 98%)",
+    "color-surface-100": "hsl(220, 3%, 95%)",
+    "color-surface-200": "hsl(220, 3%, 83%)",
+    "color-surface-300": "hsl(220, 3%, 75%)",
+    "color-surface-400": "hsl(220, 3%, 63%)",
+    "color-surface-500": "hsl(220, 3%, 63%)", // #9B9DA1
+    "color-surface-600": "hsl(220, 3%, 60%)",
+    "color-surface-700": "hsl(220, 3%, 50%)",
+    "color-surface-800": "hsl(220, 3%, 40%)",
+    "color-surface-900": "hsl(220, 3%, 30%)",
+    "color-surface-950": "hsl(220, 3%, 20%)",
+    "color-surface": "$color-surface-500",
+    // --- Primary color shades
+    "color-primary-50": "hsl(36, 100%, 95%)",
+    "color-primary-100": "hsl(36, 100%, 85%)",
+    "color-primary-200": "hsl(36, 100%, 75%)",
+    "color-primary-300": "hsl(36, 100%, 65%)",
+    "color-primary-400": "hsl(36, 100%, 55%)",
+    "color-primary-500": "hsl(36, 100%, 57%)", // #FFA328
+    "color-primary-600": "hsl(36, 100%, 50%)",
+    "color-primary-700": "hsl(36, 100%, 45%)",
+    "color-primary-800": "hsl(36, 100%, 40%)",
+    "color-primary-900": "hsl(36, 100%, 35%)",
+    "color-primary-950": "hsl(36, 100%, 30%)",
+    "color-primary": "$color-primary-500",
+    // --- Secondary color shades
+    "color-secondary-50": "hsl(204, 33%, 94.5%)",
+    "color-secondary-100": "hsl(204, 33%, 89.1%)",
+    "color-secondary-200": "hsl(204, 33%, 78.1%)",
+    "color-secondary-300": "hsl(204, 33%, 67.2%)",
+    "color-secondary-400": "hsl(204, 33%, 56.3%)",
+    "color-secondary-500": "hsl(204, 33%, 26%)",
+    "color-secondary-600": "hsl(204, 33%, 23%)",
+    "color-secondary-700": "hsl(204, 33%, 20%)",
+    "color-secondary-800": "hsl(204, 33%, 17%)",
+    "color-secondary-900": "hsl(204, 33%, 14%)",
+    "color-secondary-950": "hsl(204, 33%, 11%)",
+    "color-secondary": "$color-secondary-500",
+    // --- Warning color shades (orange shades)
+    "color-warn-50": "hsl(20, 100%, 95%)",
+    "color-warn-100": "hsl(20, 100%, 85%)",
+    "color-warn-200": "hsl(20, 100%, 75%)",
+    "color-warn-300": "hsl(20, 100%, 65%)",
+    "color-warn-400": "hsl(20, 100%, 55%)",
+    "color-warn-500": "hsl(20, 100%, 55%)", // #FF6A1A
+    "color-warn-600": "hsl(20, 100%, 45%)",
+    "color-warn-700": "hsl(20, 100%, 40%)",
+    "color-warn-800": "hsl(20, 100%, 35%)",
+    "color-warn-900": "hsl(20, 100%, 30%)",
+    "color-warn-950": "hsl(20, 100%, 25%)",
+    "color-warn": "$color-warn-500",
+    // --- Danger color shades
+    "color-danger-50": "hsl(0, 60%, 95%)",
+    "color-danger-100": "hsl(0, 60%, 85%)",
+    "color-danger-200": "hsl(0, 60%, 75%)",
+    "color-danger-300": "hsl(0, 60%, 65%)",
+    "color-danger-400": "hsl(0, 60%, 55%)",
+    "color-danger-500": "hsl(0, 60%, 55%)", // #C35353
+    "color-danger-600": "hsl(0, 60%, 45%)",
+    "color-danger-700": "hsl(0, 60%, 40%)",
+    "color-danger-800": "hsl(0, 60%, 35%)",
+    "color-danger-900": "hsl(0, 60%, 30%)",
+    "color-danger-950": "hsl(0, 60%, 25%)",
+    "color-danger": "$color-danger-500",
+    "color-attention": "$color-danger-500",
+    // --- Success color shades
+    "color-success-50": "hsl(134, 38%, 95%)",
+    "color-success-100": "hsl(134, 38%, 85%)",
+    "color-success-200": "hsl(134, 38%, 75%)",
+    "color-success-300": "hsl(134, 38%, 65%)",
+    "color-success-400": "hsl(134, 38%, 55%)",
+    "color-success-500": "hsl(134, 38%, 45%)", // #49984E
+    "color-success-600": "hsl(134, 38%, 40%)",
+    "color-success-700": "hsl(134, 38%, 35%)",
+    "color-success-800": "hsl(134, 38%, 30%)",
+    "color-success-900": "hsl(134, 38%, 25%)",
+    "color-success-950": "hsl(134, 38%, 20%)",
+    "color-success": "$color-success-500",
+    "color-info-50": "hsl(197, 100%, 95%)",
+    "color-info-100": "hsl(197, 100%, 90%)",
+    "color-info-200": "hsl(197, 100%, 80%)",
+    "color-info-300": "hsl(197, 100%, 70%)",
+    "color-info-400": "hsl(197, 100%, 60%)",
+    "color-info-500": "hsl(197, 100%, 50%)", // #009BCF
+    "color-info-600": "hsl(197, 100%, 45%)",
+    "color-info-700": "hsl(197, 100%, 35%)",
+    "color-info-800": "hsl(197, 100%, 25%)",
+    "color-info-900": "hsl(197, 100%, 15%)",
+    "color-info-950": "hsl(197, 100%, 10%)",
+    "color-info": "$color-info-500",
+};
+exports.purpleThemeColors = {
+    // --- Default surface color shades (form white to black)
+    "color-surface-50": "hsl(0, 0%, 96%)",
+    "color-surface-100": "hsl(0, 0%, 90%)",
+    "color-surface-200": "hsl(0, 0%, 80%)",
+    "color-surface-300": "hsl(0, 0%, 70%)",
+    "color-surface-400": "hsl(0, 0%, 60%)",
+    "color-surface-500": "hsl(0, 0%, 59%)", // #969696
+    "color-surface-600": "hsl(0, 0%, 50%)",
+    "color-surface-700": "hsl(0, 0%, 40%)",
+    "color-surface-800": "hsl(0, 0%, 30%)",
+    "color-surface-900": "hsl(0, 0%, 20%)",
+    "color-surface-950": "hsl(0, 0%, 10%)",
+    "color-surface": "$color-surface-500",
+    // --- Primary color shades (purple)
+    "color-primary-50": "hsl(300, 42%, 95%)",
+    "color-primary-100": "hsl(300, 42%, 85%)",
+    "color-primary-200": "hsl(300, 42%, 75%)",
+    "color-primary-300": "hsl(300, 42%, 65%)",
+    "color-primary-400": "hsl(300, 42%, 55%)",
+    "color-primary-500": "hsl(300, 42%, 31%)", // #702F72
+    "color-primary-600": "hsl(300, 42%, 28%)",
+    "color-primary-700": "hsl(300, 42%, 25%)",
+    "color-primary-800": "hsl(300, 42%, 22%)",
+    "color-primary-900": "hsl(300, 42%, 19%)",
+    "color-primary-950": "hsl(300, 42%, 16%)",
+    "color-primary": "$color-primary-500",
+    "color-secondary-50": "hsl(204, 100%, 95%)",
+    "color-secondary-100": "hsl(204, 100%, 85%)",
+    "color-secondary-200": "hsl(204, 100%, 75%)",
+    "color-secondary-300": "hsl(204, 100%, 65%)",
+    "color-secondary-400": "hsl(204, 100%, 55%)",
+    "color-secondary-500": "hsl(204, 100%, 38%)", // #0071C6
+    "color-secondary-600": "hsl(204, 100%, 35%)",
+    "color-secondary-700": "hsl(204, 100%, 30%)",
+    "color-secondary-800": "hsl(204, 100%, 25%)",
+    "color-secondary-900": "hsl(204, 100%, 20%)",
+    "color-secondary-950": "hsl(204, 100%, 15%)",
+    "color-secondary": "$color-secondary-500",
+    // --- Warning color shades
+    "color-warn-50": "hsl(20, 95%, 95%)",
+    "color-warn-100": "hsl(20, 95%, 85%)",
+    "color-warn-200": "hsl(20, 95%, 75%)",
+    "color-warn-300": "hsl(20, 95%, 65%)",
+    "color-warn-400": "hsl(20, 95%, 55%)",
+    "color-warn-500": "hsl(20, 95%, 66%)", // #FB8D5C
+    "color-warn-600": "hsl(20, 95%, 60%)",
+    "color-warn-700": "hsl(20, 95%, 55%)",
+    "color-warn-800": "hsl(20, 95%, 50%)",
+    "color-warn-900": "hsl(20, 95%, 45%)",
+    "color-warn-950": "hsl(20, 95%, 40%)",
+    "color-warn": "$color-warn-500",
+    // --- Danger color shades
+    "color-danger-50": "hsl(355, 65%, 95%)",
+    "color-danger-100": "hsl(355, 65%, 85%)",
+    "color-danger-200": "hsl(355, 65%, 75%)",
+    "color-danger-300": "hsl(355, 65%, 65%)",
+    "color-danger-400": "hsl(355, 65%, 55%)",
+    "color-danger-500": "hsl(355, 65%, 60%)", // #DE5F68
+    "color-danger-600": "hsl(355, 65%, 50%)",
+    "color-danger-700": "hsl(355, 65%, 45%)",
+    "color-danger-800": "hsl(355, 65%, 40%)",
+    "color-danger-900": "hsl(355, 65%, 35%)",
+    "color-danger-950": "hsl(355, 65%, 30%)",
+    "color-danger": "$color-danger-500",
+    "color-attention": "$color-danger-500",
+    // --- Success color shades (greenish)
+    "color-success-50": "hsl(178, 100%, 95%)",
+    "color-success-100": "hsl(178, 100%, 85%)",
+    "color-success-200": "hsl(178, 100%, 75%)",
+    "color-success-300": "hsl(178, 100%, 65%)",
+    "color-success-400": "hsl(178, 100%, 55%)",
+    "color-success-500": "hsl(178, 100%, 27%)", // #008B88
+    "color-success-600": "hsl(178, 100%, 36%)",
+    "color-success-700": "hsl(178, 100%, 32%)",
+    "color-success-800": "hsl(178, 100%, 28%)",
+    "color-success-900": "hsl(178, 100%, 24%)",
+    "color-success-950": "hsl(178, 100%, 20%)",
+    "color-success": "$color-success-500",
+    "color-info-50": "hsl(183, 66%, 92%)",
+    "color-info-100": "hsl(183, 66%, 84%)",
+    "color-info-200": "hsl(183, 66%, 76%)",
+    "color-info-300": "hsl(183, 66%, 68%)",
+    "color-info-400": "hsl(183, 66%, 60%)",
+    "color-info-500": "hsl(183, 66%, 50%)", // #25C2C7
+    "color-info-600": "hsl(183, 66%, 45%)",
+    "color-info-700": "hsl(183, 66%, 35%)",
+    "color-info-800": "hsl(183, 66%, 25%)",
+    "color-info-900": "hsl(183, 66%, 15%)",
+    "color-info-950": "hsl(183, 66%, 10%)",
+    "color-info": "$color-info-500",
+};
+exports.cyanThemeColors = {
+    // ---
+    "color-surface-50": "hsl(180, 15%, 95%)",
+    "color-surface-100": "hsl(180, 15%, 85%)",
+    "color-surface-200": "hsl(180, 15%, 75%)",
+    "color-surface-300": "hsl(180, 15%, 65%)",
+    "color-surface-400": "hsl(180, 15%, 55%)",
+    "color-surface-500": "hsl(180, 15%, 52%)", // #709A99
+    "color-surface-600": "hsl(180, 15%, 45%)",
+    "color-surface-700": "hsl(180, 15%, 40%)",
+    "color-surface-800": "hsl(180, 15%, 35%)",
+    "color-surface-900": "hsl(180, 15%, 30%)",
+    "color-surface-950": "hsl(180, 15%, 25%)",
+    "color-surface": "$color-surface-500",
+    // --- Primary color shades
+    "color-primary-50": "hsl(180, 100%, 95%)",
+    "color-primary-100": "hsl(180, 100%, 85%)",
+    "color-primary-200": "hsl(180, 100%, 75%)",
+    "color-primary-300": "hsl(180, 100%, 65%)",
+    "color-primary-400": "hsl(180, 100%, 55%)",
+    "color-primary-500": "hsl(180, 100%, 35%)", // #00B5B5
+    "color-primary-600": "hsl(180, 100%, 32%)",
+    "color-primary-700": "hsl(180, 100%, 28%)",
+    "color-primary-800": "hsl(180, 100%, 24%)",
+    "color-primary-900": "hsl(180, 100%, 20%)",
+    "color-primary-950": "hsl(180, 100%, 16%)",
+    "color-primary": "$color-primary-500",
+    // --- Secondary color shades
+    "color-secondary-50": "hsl(227, 60%, 95%)",
+    "color-secondary-100": "hsl(227, 60%, 85%)",
+    "color-secondary-200": "hsl(227, 60%, 75%)",
+    "color-secondary-300": "hsl(227, 60%, 65%)",
+    "color-secondary-400": "hsl(227, 60%, 55%)",
+    "color-secondary-500": "hsl(227, 60%, 45%)", // #3450AC
+    "color-secondary-600": "hsl(227, 60%, 40%)",
+    "color-secondary-700": "hsl(227, 60%, 35%)",
+    "color-secondary-800": "hsl(227, 60%, 30%)",
+    "color-secondary-900": "hsl(227, 60%, 25%)",
+    "color-secondary-950": "hsl(227, 60%, 20%)",
+    "color-secondary": "$color-secondary-500",
+    // --- Warning color shades (orange shades)
+    "color-warn-50": "hsl(20, 100%, 95%)",
+    "color-warn-100": "hsl(20, 100%, 85%)",
+    "color-warn-200": "hsl(20, 100%, 75%)",
+    "color-warn-300": "hsl(20, 100%, 65%)",
+    "color-warn-400": "hsl(20, 100%, 55%)",
+    "color-warn-500": "hsl(20, 98%, 56%)", // #FE631E
+    "color-warn-600": "hsl(20, 100%, 50%)",
+    "color-warn-700": "hsl(20, 100%, 45%)",
+    "color-warn-800": "hsl(20, 100%, 40%)",
+    "color-warn-900": "hsl(20, 100%, 35%)",
+    "color-warn-950": "hsl(20, 100%, 30%)",
+    "color-warn": "$color-warn-500",
+    // --- Danger color shades (reddish)
+    "color-danger-50": "hsl(356, 100%, 95%)",
+    "color-danger-100": "hsl(356, 100%, 85%)",
+    "color-danger-200": "hsl(356, 100%, 75%)",
+    "color-danger-300": "hsl(356, 100%, 65%)",
+    "color-danger-400": "hsl(356, 100%, 55%)",
+    "color-danger-500": "hsl(356, 97%, 55%)", // #FD3D4B
+    "color-danger-600": "hsl(356, 100%, 50%)",
+    "color-danger-700": "hsl(356, 100%, 45%)",
+    "color-danger-800": "hsl(356, 100%, 40%)",
+    "color-danger-900": "hsl(356, 100%, 35%)",
+    "color-danger-950": "hsl(356, 100%, 30%)",
+    "color-danger": "$color-danger-600",
+    "color-attention": "$color-danger-500",
+    // --- Success color shades (greenish)
+    "color-success-50": "hsl(168, 80%, 95%)",
+    "color-success-100": "hsl(168, 80%, 85%)",
+    "color-success-200": "hsl(168, 80%, 75%)",
+    "color-success-300": "hsl(168, 80%, 65%)",
+    "color-success-400": "hsl(168, 80%, 55%)",
+    "color-success-500": "hsl(168, 82%, 28%)", // #0C846C
+    "color-success-600": "hsl(168, 80%, 25%)",
+    "color-success-700": "hsl(168, 80%, 22%)",
+    "color-success-800": "hsl(168, 80%, 19%)",
+    "color-success-900": "hsl(168, 80%, 16%)",
+    "color-success-950": "hsl(168, 80%, 13%)",
+    "color-success": "$color-success-500",
+    "color-info-50": "hsl(204, 100%, 92%)",
+    "color-info-100": "hsl(204, 100%, 84%)",
+    "color-info-200": "hsl(204, 100%, 76%)",
+    "color-info-300": "hsl(204, 100%, 68%)",
+    "color-info-400": "hsl(204, 100%, 60%)",
+    "color-info-500": "hsl(204, 100%, 50%)", // #23B2FF
+    "color-info-600": "hsl(204, 100%, 45%)",
+    "color-info-700": "hsl(204, 100%, 35%)",
+    "color-info-800": "hsl(204, 100%, 25%)",
+    "color-info-900": "hsl(204, 100%, 15%)",
+    "color-info-950": "hsl(204, 100%, 10%)",
+    "color-info": "$color-info-500",
+};
+exports.redThemeColors = {
+    // ---
+    "color-surface-50": "hsl(0, 0%, 95%)",
+    "color-surface-100": "hsl(0, 0%, 85%)",
+    "color-surface-200": "hsl(0, 0%, 75%)",
+    "color-surface-300": "hsl(0, 0%, 65%)",
+    "color-surface-400": "hsl(0, 0%, 55%)",
+    "color-surface-500": "hsl(0, 0%, 50%)", // #7F7F7F
+    "color-surface-600": "hsl(0, 0%, 45%)",
+    "color-surface-700": "hsl(0, 0%, 40%)",
+    "color-surface-800": "hsl(0, 0%, 35%)",
+    "color-surface-900": "hsl(0, 0%, 30%)",
+    "color-surface-950": "hsl(0, 0%, 25%)",
+    "color-surface": "$color-surface-500",
+    // --- Primary color shades
+    "color-primary-50": "hsl(354, 89%, 95%)",
+    "color-primary-100": "hsl(354, 89%, 85%)",
+    "color-primary-200": "hsl(354, 89%, 75%)",
+    "color-primary-300": "hsl(354, 89%, 65%)",
+    "color-primary-400": "hsl(354, 89%, 55%)",
+    "color-primary-500": "hsl(354, 89%, 63%)", // #F85367
+    "color-primary-600": "hsl(354, 89%, 50%)",
+    "color-primary-700": "hsl(354, 89%, 45%)",
+    "color-primary-800": "hsl(354, 89%, 40%)",
+    "color-primary-900": "hsl(354, 89%, 35%)",
+    "color-primary-950": "hsl(354, 89%, 30%)",
+    "color-primary": "$color-primary-500",
+    // --- Secondary color shades (steel-bluish)
+    "color-secondary-50": "hsl(210, 64%, 95%)",
+    "color-secondary-100": "hsl(210, 64%, 85%)",
+    "color-secondary-200": "hsl(210, 64%, 75%)",
+    "color-secondary-300": "hsl(210, 64%, 65%)",
+    "color-secondary-400": "hsl(210, 64%, 55%)",
+    "color-secondary-500": "hsl(210, 64%, 39%)", // #153F65
+    "color-secondary-600": "hsl(210, 64%, 35%)",
+    "color-secondary-700": "hsl(210, 64%, 30%)",
+    "color-secondary-800": "hsl(210, 64%, 25%)",
+    "color-secondary-900": "hsl(210, 64%, 20%)",
+    "color-secondary-950": "hsl(210, 64%, 15%)",
+    "color-secondary": "$color-secondary-500",
+    // --- Warning color shades
+    "color-warn-50": "hsl(36, 85%, 95%)",
+    "color-warn-100": "hsl(36, 85%, 85%)",
+    "color-warn-200": "hsl(36, 85%, 75%)",
+    "color-warn-300": "hsl(36, 85%, 65%)",
+    "color-warn-400": "hsl(36, 85%, 55%)",
+    "color-warn-500": "hsl(36, 85%, 53%)", // #EE901D
+    "color-warn-600": "hsl(36, 85%, 45%)",
+    "color-warn-700": "hsl(36, 85%, 40%)",
+    "color-warn-800": "hsl(36, 85%, 35%)",
+    "color-warn-900": "hsl(36, 85%, 30%)",
+    "color-warn-950": "hsl(36, 85%, 25%)",
+    "color-warn": "$color-warn-500",
+    // --- Danger color shades
+    "color-danger-50": "hsl(356, 100%, 95%)",
+    "color-danger-100": "hsl(356, 100%, 85%)",
+    "color-danger-200": "hsl(356, 100%, 75%)",
+    "color-danger-300": "hsl(356, 100%, 65%)",
+    "color-danger-400": "hsl(356, 100%, 55%)",
+    "color-danger-500": "hsl(356, 100%, 45%)", // #E30010
+    "color-danger-600": "hsl(356, 100%, 40%)",
+    "color-danger-700": "hsl(356, 100%, 35%)",
+    "color-danger-800": "hsl(356, 100%, 30%)",
+    "color-danger-900": "hsl(356, 100%, 25%)",
+    "color-danger-950": "hsl(356, 100%, 20%)",
+    "color-danger": "$color-danger-600",
+    "color-attention": "$color-danger-500",
+    // --- Success color shades (greenish)
+    "color-success-50": "hsl(156, 80%, 95%)",
+    "color-success-100": "hsl(156, 80%, 85%)",
+    "color-success-200": "hsl(156, 80%, 75%)",
+    "color-success-300": "hsl(156, 80%, 65%)",
+    "color-success-400": "hsl(156, 80%, 55%)",
+    "color-success-500": "hsl(156, 80%, 35%)", // #0F7C54
+    "color-success-600": "hsl(156, 80%, 30%)",
+    "color-success-700": "hsl(156, 80%, 25%)",
+    "color-success-800": "hsl(156, 80%, 20%)",
+    "color-success-900": "hsl(156, 80%, 15%)",
+    "color-success-950": "hsl(156, 80%, 10%)",
+    "color-success": "$color-success-500",
+    "color-info-50": "hsl(197, 98%, 92%)",
+    "color-info-100": "hsl(197, 98%, 84%)",
+    "color-info-200": "hsl(197, 98%, 76%)",
+    "color-info-300": "hsl(197, 98%, 68%)",
+    "color-info-400": "hsl(197, 98%, 60%)",
+    "color-info-500": "hsl(197, 98%, 50%)", // #02A7E9
+    "color-info-600": "hsl(197, 98%, 45%)",
+    "color-info-700": "hsl(197, 98%, 35%)",
+    "color-info-800": "hsl(197, 98%, 25%)",
+    "color-info-900": "hsl(197, 98%, 15%)",
+    "color-info-950": "hsl(197, 98%, 10%)",
+    "color-info": "$color-info-500",
+};

package/dist/scripts/src/components-core/theming/themes/xmlui.js

@@ -0,0 +1,58 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.XmlUiRedThemeDefinition = exports.XmlUiCyanThemeDefinition = exports.XmlUiPurpleThemeDefinition = exports.XmlUiOrangeThemeDefinition = exports.XmlUiGrayThemeDefinition = exports.XmlUiGreenThemeDefinition = exports.XmlUiThemeDefinition = void 0;
+const theme_colors_1 = require("./theme-colors");
+exports.XmlUiThemeDefinition = {
+    id: "xmlui",
+    resources: {
+    // "font.inter": "https://rsms.me/inter/inter.css",
+    },
+    themeVars: {
+        "shadow-header-App": "none",
+        "font-size": "15px",
+        "shadow-Input": "$shadow-sm",
+    },
+    tones: {
+        light: {
+            themeVars: {
+                "color-bg-ModalDialog": "white",
+                "color-bg-checked-RadioGroupOption": "$color-primary-400",
+            }
+        },
+        dark: {
+            themeVars: {
+                "color-error": "$color-danger-400",
+            }
+        }
+    }
+};
+exports.XmlUiGreenThemeDefinition = {
+    id: "xmlui-green",
+    extends: "xmlui",
+    themeVars: Object.assign({}, theme_colors_1.greenThemeColors),
+};
+exports.XmlUiGrayThemeDefinition = {
+    id: "xmlui-gray",
+    extends: "xmlui",
+    themeVars: Object.assign({}, theme_colors_1.grayThemeColors),
+};
+exports.XmlUiOrangeThemeDefinition = {
+    id: "xmlui-orange",
+    extends: "xmlui",
+    themeVars: Object.assign({}, theme_colors_1.orangeThemeColors),
+};
+exports.XmlUiPurpleThemeDefinition = {
+    id: "xmlui-purple",
+    extends: "xmlui",
+    themeVars: Object.assign({}, theme_colors_1.purpleThemeColors),
+};
+exports.XmlUiCyanThemeDefinition = {
+    id: "xmlui-cyan",
+    extends: "xmlui",
+    themeVars: Object.assign({}, theme_colors_1.cyanThemeColors),
+};
+exports.XmlUiRedThemeDefinition = {
+    id: "xmlui-red",
+    extends: "xmlui",
+    themeVars: Object.assign({}, theme_colors_1.redThemeColors),
+};