/* © 2026 INFONEXIS. Tous droits réservés. Logiciel propriétaire : voir le fichier LICENSE. */ /** * Palette nex-wss : GÉNÉRÉ par scripts/build-colors.php, ne pas modifier à la main. * Couleurs : blue, indigo, purple, pink, red, orange, yellow, green, teal, lime, cyan, brown, gray, silver, muted, inverse, primary, secondary, success, info, warning, danger, aqua, grey, dark. */ :root, [data-bs-theme=light] { --nex-blue: #348fe2; --nex-indigo: #8753de; --nex-purple: #727cb6; --nex-pink: #fb5597; --nex-red: #ff5b57; --nex-orange: #f59c1a; --nex-yellow: #ffd900; --nex-green: #32a932; --nex-teal: #00acac; --nex-lime: #90ca4b; --nex-cyan: #49b6d6; --nex-brown: #9c6b3f; --nex-gray: #6c757d; --nex-silver: #b6c2c9; --nex-muted: #adb5bd; --nex-inverse: #2d353c; --nex-primary: var(--nex-blue); --nex-secondary: var(--nex-gray); --nex-success: var(--nex-teal); --nex-info: var(--nex-cyan); --nex-warning: var(--nex-orange); --nex-danger: var(--nex-red); --nex-aqua: var(--nex-cyan); --nex-grey: var(--nex-gray); --nex-dark: var(--nex-inverse); --nex-light: #f2f3f4; --nex-white: #ffffff; --nex-black: #000000; --nex-blue-contrast: #fff; --nex-blue-rgb: 52, 143, 226; --nex-indigo-contrast: #fff; --nex-indigo-rgb: 135, 83, 222; --nex-purple-contrast: #fff; --nex-purple-rgb: 114, 124, 182; --nex-pink-contrast: #fff; --nex-pink-rgb: 251, 85, 151; --nex-red-contrast: #fff; --nex-red-rgb: 255, 91, 87; --nex-orange-contrast: #fff; --nex-orange-rgb: 245, 156, 26; --nex-yellow-contrast: #212529; --nex-yellow-rgb: 255, 217, 0; --nex-green-contrast: #fff; --nex-green-rgb: 50, 169, 50; --nex-teal-contrast: #fff; --nex-teal-rgb: 0, 172, 172; --nex-lime-contrast: #fff; --nex-lime-rgb: 144, 202, 75; --nex-cyan-contrast: #fff; --nex-cyan-rgb: 73, 182, 214; --nex-brown-contrast: #fff; --nex-brown-rgb: 156, 107, 63; --nex-gray-contrast: #fff; --nex-gray-rgb: 108, 117, 125; --nex-silver-contrast: #212529; --nex-silver-rgb: 182, 194, 201; --nex-muted-contrast: #212529; --nex-muted-rgb: 173, 181, 189; --nex-inverse-contrast: #fff; --nex-inverse-rgb: 45, 53, 60; --nex-primary-contrast: #fff; --nex-primary-rgb: 52, 143, 226; --nex-secondary-contrast: #fff; --nex-secondary-rgb: 108, 117, 125; --nex-success-contrast: #fff; --nex-success-rgb: 0, 172, 172; --nex-info-contrast: #fff; --nex-info-rgb: 73, 182, 214; --nex-warning-contrast: #fff; --nex-warning-rgb: 245, 156, 26; --nex-danger-contrast: #fff; --nex-danger-rgb: 255, 91, 87; --nex-aqua-contrast: #fff; --nex-aqua-rgb: 73, 182, 214; --nex-grey-contrast: #fff; --nex-grey-rgb: 108, 117, 125; --nex-dark-contrast: #fff; --nex-dark-rgb: 45, 53, 60; --nex-blue-100: color-mix(in srgb, var(--nex-blue) 20%, #fff); --nex-blue-200: color-mix(in srgb, var(--nex-blue) 40%, #fff); --nex-blue-300: color-mix(in srgb, var(--nex-blue) 60%, #fff); --nex-blue-400: color-mix(in srgb, var(--nex-blue) 80%, #fff); --nex-blue-500: var(--nex-blue); --nex-blue-600: color-mix(in srgb, var(--nex-blue) 80%, #000); --nex-blue-700: color-mix(in srgb, var(--nex-blue) 60%, #000); --nex-blue-800: color-mix(in srgb, var(--nex-blue) 40%, #000); --nex-blue-900: color-mix(in srgb, var(--nex-blue) 20%, #000); --nex-indigo-100: color-mix(in srgb, var(--nex-indigo) 20%, #fff); --nex-indigo-200: color-mix(in srgb, var(--nex-indigo) 40%, #fff); --nex-indigo-300: color-mix(in srgb, var(--nex-indigo) 60%, #fff); --nex-indigo-400: color-mix(in srgb, var(--nex-indigo) 80%, #fff); --nex-indigo-500: var(--nex-indigo); --nex-indigo-600: color-mix(in srgb, var(--nex-indigo) 80%, #000); --nex-indigo-700: color-mix(in srgb, var(--nex-indigo) 60%, #000); --nex-indigo-800: color-mix(in srgb, var(--nex-indigo) 40%, #000); --nex-indigo-900: color-mix(in srgb, var(--nex-indigo) 20%, #000); --nex-purple-100: color-mix(in srgb, var(--nex-purple) 20%, #fff); --nex-purple-200: color-mix(in srgb, var(--nex-purple) 40%, #fff); --nex-purple-300: color-mix(in srgb, var(--nex-purple) 60%, #fff); --nex-purple-400: color-mix(in srgb, var(--nex-purple) 80%, #fff); --nex-purple-500: var(--nex-purple); --nex-purple-600: color-mix(in srgb, var(--nex-purple) 80%, #000); --nex-purple-700: color-mix(in srgb, var(--nex-purple) 60%, #000); --nex-purple-800: color-mix(in srgb, var(--nex-purple) 40%, #000); --nex-purple-900: color-mix(in srgb, var(--nex-purple) 20%, #000); --nex-pink-100: color-mix(in srgb, var(--nex-pink) 20%, #fff); --nex-pink-200: color-mix(in srgb, var(--nex-pink) 40%, #fff); --nex-pink-300: color-mix(in srgb, var(--nex-pink) 60%, #fff); --nex-pink-400: color-mix(in srgb, var(--nex-pink) 80%, #fff); --nex-pink-500: var(--nex-pink); --nex-pink-600: color-mix(in srgb, var(--nex-pink) 80%, #000); --nex-pink-700: color-mix(in srgb, var(--nex-pink) 60%, #000); --nex-pink-800: color-mix(in srgb, var(--nex-pink) 40%, #000); --nex-pink-900: color-mix(in srgb, var(--nex-pink) 20%, #000); --nex-red-100: color-mix(in srgb, var(--nex-red) 20%, #fff); --nex-red-200: color-mix(in srgb, var(--nex-red) 40%, #fff); --nex-red-300: color-mix(in srgb, var(--nex-red) 60%, #fff); --nex-red-400: color-mix(in srgb, var(--nex-red) 80%, #fff); --nex-red-500: var(--nex-red); --nex-red-600: color-mix(in srgb, var(--nex-red) 80%, #000); --nex-red-700: color-mix(in srgb, var(--nex-red) 60%, #000); --nex-red-800: color-mix(in srgb, var(--nex-red) 40%, #000); --nex-red-900: color-mix(in srgb, var(--nex-red) 20%, #000); --nex-orange-100: color-mix(in srgb, var(--nex-orange) 20%, #fff); --nex-orange-200: color-mix(in srgb, var(--nex-orange) 40%, #fff); --nex-orange-300: color-mix(in srgb, var(--nex-orange) 60%, #fff); --nex-orange-400: color-mix(in srgb, var(--nex-orange) 80%, #fff); --nex-orange-500: var(--nex-orange); --nex-orange-600: color-mix(in srgb, var(--nex-orange) 80%, #000); --nex-orange-700: color-mix(in srgb, var(--nex-orange) 60%, #000); --nex-orange-800: color-mix(in srgb, var(--nex-orange) 40%, #000); --nex-orange-900: color-mix(in srgb, var(--nex-orange) 20%, #000); --nex-yellow-100: color-mix(in srgb, var(--nex-yellow) 20%, #fff); --nex-yellow-200: color-mix(in srgb, var(--nex-yellow) 40%, #fff); --nex-yellow-300: color-mix(in srgb, var(--nex-yellow) 60%, #fff); --nex-yellow-400: color-mix(in srgb, var(--nex-yellow) 80%, #fff); --nex-yellow-500: var(--nex-yellow); --nex-yellow-600: color-mix(in srgb, var(--nex-yellow) 80%, #000); --nex-yellow-700: color-mix(in srgb, var(--nex-yellow) 60%, #000); --nex-yellow-800: color-mix(in srgb, var(--nex-yellow) 40%, #000); --nex-yellow-900: color-mix(in srgb, var(--nex-yellow) 20%, #000); --nex-green-100: color-mix(in srgb, var(--nex-green) 20%, #fff); --nex-green-200: color-mix(in srgb, var(--nex-green) 40%, #fff); --nex-green-300: color-mix(in srgb, var(--nex-green) 60%, #fff); --nex-green-400: color-mix(in srgb, var(--nex-green) 80%, #fff); --nex-green-500: var(--nex-green); --nex-green-600: color-mix(in srgb, var(--nex-green) 80%, #000); --nex-green-700: color-mix(in srgb, var(--nex-green) 60%, #000); --nex-green-800: color-mix(in srgb, var(--nex-green) 40%, #000); --nex-green-900: color-mix(in srgb, var(--nex-green) 20%, #000); --nex-teal-100: color-mix(in srgb, var(--nex-teal) 20%, #fff); --nex-teal-200: color-mix(in srgb, var(--nex-teal) 40%, #fff); --nex-teal-300: color-mix(in srgb, var(--nex-teal) 60%, #fff); --nex-teal-400: color-mix(in srgb, var(--nex-teal) 80%, #fff); --nex-teal-500: var(--nex-teal); --nex-teal-600: color-mix(in srgb, var(--nex-teal) 80%, #000); --nex-teal-700: color-mix(in srgb, var(--nex-teal) 60%, #000); --nex-teal-800: color-mix(in srgb, var(--nex-teal) 40%, #000); --nex-teal-900: color-mix(in srgb, var(--nex-teal) 20%, #000); --nex-lime-100: color-mix(in srgb, var(--nex-lime) 20%, #fff); --nex-lime-200: color-mix(in srgb, var(--nex-lime) 40%, #fff); --nex-lime-300: color-mix(in srgb, var(--nex-lime) 60%, #fff); --nex-lime-400: color-mix(in srgb, var(--nex-lime) 80%, #fff); --nex-lime-500: var(--nex-lime); --nex-lime-600: color-mix(in srgb, var(--nex-lime) 80%, #000); --nex-lime-700: color-mix(in srgb, var(--nex-lime) 60%, #000); --nex-lime-800: color-mix(in srgb, var(--nex-lime) 40%, #000); --nex-lime-900: color-mix(in srgb, var(--nex-lime) 20%, #000); --nex-cyan-100: color-mix(in srgb, var(--nex-cyan) 20%, #fff); --nex-cyan-200: color-mix(in srgb, var(--nex-cyan) 40%, #fff); --nex-cyan-300: color-mix(in srgb, var(--nex-cyan) 60%, #fff); --nex-cyan-400: color-mix(in srgb, var(--nex-cyan) 80%, #fff); --nex-cyan-500: var(--nex-cyan); --nex-cyan-600: color-mix(in srgb, var(--nex-cyan) 80%, #000); --nex-cyan-700: color-mix(in srgb, var(--nex-cyan) 60%, #000); --nex-cyan-800: color-mix(in srgb, var(--nex-cyan) 40%, #000); --nex-cyan-900: color-mix(in srgb, var(--nex-cyan) 20%, #000); --nex-brown-100: color-mix(in srgb, var(--nex-brown) 20%, #fff); --nex-brown-200: color-mix(in srgb, var(--nex-brown) 40%, #fff); --nex-brown-300: color-mix(in srgb, var(--nex-brown) 60%, #fff); --nex-brown-400: color-mix(in srgb, var(--nex-brown) 80%, #fff); --nex-brown-500: var(--nex-brown); --nex-brown-600: color-mix(in srgb, var(--nex-brown) 80%, #000); --nex-brown-700: color-mix(in srgb, var(--nex-brown) 60%, #000); --nex-brown-800: color-mix(in srgb, var(--nex-brown) 40%, #000); --nex-brown-900: color-mix(in srgb, var(--nex-brown) 20%, #000); --nex-gray-100: color-mix(in srgb, var(--nex-gray) 20%, #fff); --nex-gray-200: color-mix(in srgb, var(--nex-gray) 40%, #fff); --nex-gray-300: color-mix(in srgb, var(--nex-gray) 60%, #fff); --nex-gray-400: color-mix(in srgb, var(--nex-gray) 80%, #fff); --nex-gray-500: var(--nex-gray); --nex-gray-600: color-mix(in srgb, var(--nex-gray) 80%, #000); --nex-gray-700: color-mix(in srgb, var(--nex-gray) 60%, #000); --nex-gray-800: color-mix(in srgb, var(--nex-gray) 40%, #000); --nex-gray-900: color-mix(in srgb, var(--nex-gray) 20%, #000); --nex-silver-100: color-mix(in srgb, var(--nex-silver) 20%, #fff); --nex-silver-200: color-mix(in srgb, var(--nex-silver) 40%, #fff); --nex-silver-300: color-mix(in srgb, var(--nex-silver) 60%, #fff); --nex-silver-400: color-mix(in srgb, var(--nex-silver) 80%, #fff); --nex-silver-500: var(--nex-silver); --nex-silver-600: color-mix(in srgb, var(--nex-silver) 80%, #000); --nex-silver-700: color-mix(in srgb, var(--nex-silver) 60%, #000); --nex-silver-800: color-mix(in srgb, var(--nex-silver) 40%, #000); --nex-silver-900: color-mix(in srgb, var(--nex-silver) 20%, #000); --nex-muted-100: color-mix(in srgb, var(--nex-muted) 20%, #fff); --nex-muted-200: color-mix(in srgb, var(--nex-muted) 40%, #fff); --nex-muted-300: color-mix(in srgb, var(--nex-muted) 60%, #fff); --nex-muted-400: color-mix(in srgb, var(--nex-muted) 80%, #fff); --nex-muted-500: var(--nex-muted); --nex-muted-600: color-mix(in srgb, var(--nex-muted) 80%, #000); --nex-muted-700: color-mix(in srgb, var(--nex-muted) 60%, #000); --nex-muted-800: color-mix(in srgb, var(--nex-muted) 40%, #000); --nex-muted-900: color-mix(in srgb, var(--nex-muted) 20%, #000); --nex-inverse-100: color-mix(in srgb, var(--nex-inverse) 20%, #fff); --nex-inverse-200: color-mix(in srgb, var(--nex-inverse) 40%, #fff); --nex-inverse-300: color-mix(in srgb, var(--nex-inverse) 60%, #fff); --nex-inverse-400: color-mix(in srgb, var(--nex-inverse) 80%, #fff); --nex-inverse-500: var(--nex-inverse); --nex-inverse-600: color-mix(in srgb, var(--nex-inverse) 80%, #000); --nex-inverse-700: color-mix(in srgb, var(--nex-inverse) 60%, #000); --nex-inverse-800: color-mix(in srgb, var(--nex-inverse) 40%, #000); --nex-inverse-900: color-mix(in srgb, var(--nex-inverse) 20%, #000); --nex-primary-100: color-mix(in srgb, var(--nex-primary) 20%, #fff); --nex-primary-200: color-mix(in srgb, var(--nex-primary) 40%, #fff); --nex-primary-300: color-mix(in srgb, var(--nex-primary) 60%, #fff); --nex-primary-400: color-mix(in srgb, var(--nex-primary) 80%, #fff); --nex-primary-500: var(--nex-primary); --nex-primary-600: color-mix(in srgb, var(--nex-primary) 80%, #000); --nex-primary-700: color-mix(in srgb, var(--nex-primary) 60%, #000); --nex-primary-800: color-mix(in srgb, var(--nex-primary) 40%, #000); --nex-primary-900: color-mix(in srgb, var(--nex-primary) 20%, #000); --nex-secondary-100: color-mix(in srgb, var(--nex-secondary) 20%, #fff); --nex-secondary-200: color-mix(in srgb, var(--nex-secondary) 40%, #fff); --nex-secondary-300: color-mix(in srgb, var(--nex-secondary) 60%, #fff); --nex-secondary-400: color-mix(in srgb, var(--nex-secondary) 80%, #fff); --nex-secondary-500: var(--nex-secondary); --nex-secondary-600: color-mix(in srgb, var(--nex-secondary) 80%, #000); --nex-secondary-700: color-mix(in srgb, var(--nex-secondary) 60%, #000); --nex-secondary-800: color-mix(in srgb, var(--nex-secondary) 40%, #000); --nex-secondary-900: color-mix(in srgb, var(--nex-secondary) 20%, #000); --nex-success-100: color-mix(in srgb, var(--nex-success) 20%, #fff); --nex-success-200: color-mix(in srgb, var(--nex-success) 40%, #fff); --nex-success-300: color-mix(in srgb, var(--nex-success) 60%, #fff); --nex-success-400: color-mix(in srgb, var(--nex-success) 80%, #fff); --nex-success-500: var(--nex-success); --nex-success-600: color-mix(in srgb, var(--nex-success) 80%, #000); --nex-success-700: color-mix(in srgb, var(--nex-success) 60%, #000); --nex-success-800: color-mix(in srgb, var(--nex-success) 40%, #000); --nex-success-900: color-mix(in srgb, var(--nex-success) 20%, #000); --nex-info-100: color-mix(in srgb, var(--nex-info) 20%, #fff); --nex-info-200: color-mix(in srgb, var(--nex-info) 40%, #fff); --nex-info-300: color-mix(in srgb, var(--nex-info) 60%, #fff); --nex-info-400: color-mix(in srgb, var(--nex-info) 80%, #fff); --nex-info-500: var(--nex-info); --nex-info-600: color-mix(in srgb, var(--nex-info) 80%, #000); --nex-info-700: color-mix(in srgb, var(--nex-info) 60%, #000); --nex-info-800: color-mix(in srgb, var(--nex-info) 40%, #000); --nex-info-900: color-mix(in srgb, var(--nex-info) 20%, #000); --nex-warning-100: color-mix(in srgb, var(--nex-warning) 20%, #fff); --nex-warning-200: color-mix(in srgb, var(--nex-warning) 40%, #fff); --nex-warning-300: color-mix(in srgb, var(--nex-warning) 60%, #fff); --nex-warning-400: color-mix(in srgb, var(--nex-warning) 80%, #fff); --nex-warning-500: var(--nex-warning); --nex-warning-600: color-mix(in srgb, var(--nex-warning) 80%, #000); --nex-warning-700: color-mix(in srgb, var(--nex-warning) 60%, #000); --nex-warning-800: color-mix(in srgb, var(--nex-warning) 40%, #000); --nex-warning-900: color-mix(in srgb, var(--nex-warning) 20%, #000); --nex-danger-100: color-mix(in srgb, var(--nex-danger) 20%, #fff); --nex-danger-200: color-mix(in srgb, var(--nex-danger) 40%, #fff); --nex-danger-300: color-mix(in srgb, var(--nex-danger) 60%, #fff); --nex-danger-400: color-mix(in srgb, var(--nex-danger) 80%, #fff); --nex-danger-500: var(--nex-danger); --nex-danger-600: color-mix(in srgb, var(--nex-danger) 80%, #000); --nex-danger-700: color-mix(in srgb, var(--nex-danger) 60%, #000); --nex-danger-800: color-mix(in srgb, var(--nex-danger) 40%, #000); --nex-danger-900: color-mix(in srgb, var(--nex-danger) 20%, #000); --nex-aqua-100: color-mix(in srgb, var(--nex-aqua) 20%, #fff); --nex-aqua-200: color-mix(in srgb, var(--nex-aqua) 40%, #fff); --nex-aqua-300: color-mix(in srgb, var(--nex-aqua) 60%, #fff); --nex-aqua-400: color-mix(in srgb, var(--nex-aqua) 80%, #fff); --nex-aqua-500: var(--nex-aqua); --nex-aqua-600: color-mix(in srgb, var(--nex-aqua) 80%, #000); --nex-aqua-700: color-mix(in srgb, var(--nex-aqua) 60%, #000); --nex-aqua-800: color-mix(in srgb, var(--nex-aqua) 40%, #000); --nex-aqua-900: color-mix(in srgb, var(--nex-aqua) 20%, #000); --nex-grey-100: color-mix(in srgb, var(--nex-grey) 20%, #fff); --nex-grey-200: color-mix(in srgb, var(--nex-grey) 40%, #fff); --nex-grey-300: color-mix(in srgb, var(--nex-grey) 60%, #fff); --nex-grey-400: color-mix(in srgb, var(--nex-grey) 80%, #fff); --nex-grey-500: var(--nex-grey); --nex-grey-600: color-mix(in srgb, var(--nex-grey) 80%, #000); --nex-grey-700: color-mix(in srgb, var(--nex-grey) 60%, #000); --nex-grey-800: color-mix(in srgb, var(--nex-grey) 40%, #000); --nex-grey-900: color-mix(in srgb, var(--nex-grey) 20%, #000); --nex-dark-100: color-mix(in srgb, var(--nex-dark) 20%, #fff); --nex-dark-200: color-mix(in srgb, var(--nex-dark) 40%, #fff); --nex-dark-300: color-mix(in srgb, var(--nex-dark) 60%, #fff); --nex-dark-400: color-mix(in srgb, var(--nex-dark) 80%, #fff); --nex-dark-500: var(--nex-dark); --nex-dark-600: color-mix(in srgb, var(--nex-dark) 80%, #000); --nex-dark-700: color-mix(in srgb, var(--nex-dark) 60%, #000); --nex-dark-800: color-mix(in srgb, var(--nex-dark) 40%, #000); --nex-dark-900: color-mix(in srgb, var(--nex-dark) 20%, #000); --bs-blue: var(--nex-blue); --bs-indigo: var(--nex-indigo); --bs-purple: var(--nex-purple); --bs-pink: var(--nex-pink); --bs-red: var(--nex-red); --bs-orange: var(--nex-orange); --bs-yellow: var(--nex-yellow); --bs-green: var(--nex-green); --bs-teal: var(--nex-teal); --bs-cyan: var(--nex-cyan); --bs-gray: var(--nex-gray); --bs-gray-800: #2d353c; --bs-gray-900: #20252a; --bs-primary: var(--nex-primary); --bs-primary-rgb: 52, 143, 226; --bs-secondary: var(--nex-secondary); --bs-secondary-rgb: 108, 117, 125; --bs-success: var(--nex-success); --bs-success-rgb: 0, 172, 172; --bs-info: var(--nex-info); --bs-info-rgb: 73, 182, 214; --bs-warning: var(--nex-warning); --bs-warning-rgb: 245, 156, 26; --bs-danger: var(--nex-danger); --bs-danger-rgb: 255, 91, 87; --bs-light: var(--nex-light); --bs-light-rgb: 242, 243, 244; --bs-dark: var(--nex-dark); --bs-dark-rgb: 45, 53, 60; --bs-link-color: var(--nex-primary); --bs-link-color-rgb: 52, 143, 226; --bs-link-hover-color: var(--nex-primary-700); --bs-link-hover-color-rgb: 52, 143, 226; --bs-focus-ring-color: color-mix(in srgb, var(--nex-primary) 25%, transparent); --bs-primary-text-emphasis: var(--nex-primary-700); --bs-primary-bg-subtle: var(--nex-primary-100); --bs-primary-border-subtle: var(--nex-primary-200); --bs-secondary-text-emphasis: var(--nex-secondary-700); --bs-secondary-bg-subtle: var(--nex-secondary-100); --bs-secondary-border-subtle: var(--nex-secondary-200); --bs-success-text-emphasis: var(--nex-success-700); --bs-success-bg-subtle: var(--nex-success-100); --bs-success-border-subtle: var(--nex-success-200); --bs-info-text-emphasis: var(--nex-info-700); --bs-info-bg-subtle: var(--nex-info-100); --bs-info-border-subtle: var(--nex-info-200); --bs-warning-text-emphasis: var(--nex-warning-700); --bs-warning-bg-subtle: var(--nex-warning-100); --bs-warning-border-subtle: var(--nex-warning-200); --bs-danger-text-emphasis: var(--nex-danger-700); --bs-danger-bg-subtle: var(--nex-danger-100); --bs-danger-border-subtle: var(--nex-danger-200); } [data-nex-couleur=teal] { --nex-primary: var(--nex-teal); --nex-primary-contrast: var(--nex-teal-contrast); --nex-primary-rgb: var(--nex-teal-rgb); --bs-primary-rgb: var(--nex-teal-rgb); --bs-link-color-rgb: var(--nex-teal-rgb); --bs-link-hover-color-rgb: var(--nex-teal-rgb); } [data-nex-couleur=blue] { --nex-primary: var(--nex-blue); --nex-primary-contrast: var(--nex-blue-contrast); --nex-primary-rgb: var(--nex-blue-rgb); --bs-primary-rgb: var(--nex-blue-rgb); --bs-link-color-rgb: var(--nex-blue-rgb); --bs-link-hover-color-rgb: var(--nex-blue-rgb); } [data-nex-couleur=indigo] { --nex-primary: var(--nex-indigo); --nex-primary-contrast: var(--nex-indigo-contrast); --nex-primary-rgb: var(--nex-indigo-rgb); --bs-primary-rgb: var(--nex-indigo-rgb); --bs-link-color-rgb: var(--nex-indigo-rgb); --bs-link-hover-color-rgb: var(--nex-indigo-rgb); } [data-nex-couleur=purple] { --nex-primary: var(--nex-purple); --nex-primary-contrast: var(--nex-purple-contrast); --nex-primary-rgb: var(--nex-purple-rgb); --bs-primary-rgb: var(--nex-purple-rgb); --bs-link-color-rgb: var(--nex-purple-rgb); --bs-link-hover-color-rgb: var(--nex-purple-rgb); } [data-nex-couleur=pink] { --nex-primary: var(--nex-pink); --nex-primary-contrast: var(--nex-pink-contrast); --nex-primary-rgb: var(--nex-pink-rgb); --bs-primary-rgb: var(--nex-pink-rgb); --bs-link-color-rgb: var(--nex-pink-rgb); --bs-link-hover-color-rgb: var(--nex-pink-rgb); } [data-nex-couleur=red] { --nex-primary: var(--nex-red); --nex-primary-contrast: var(--nex-red-contrast); --nex-primary-rgb: var(--nex-red-rgb); --bs-primary-rgb: var(--nex-red-rgb); --bs-link-color-rgb: var(--nex-red-rgb); --bs-link-hover-color-rgb: var(--nex-red-rgb); } [data-nex-couleur=orange] { --nex-primary: var(--nex-orange); --nex-primary-contrast: var(--nex-orange-contrast); --nex-primary-rgb: var(--nex-orange-rgb); --bs-primary-rgb: var(--nex-orange-rgb); --bs-link-color-rgb: var(--nex-orange-rgb); --bs-link-hover-color-rgb: var(--nex-orange-rgb); } [data-nex-couleur=yellow] { --nex-primary: var(--nex-yellow); --nex-primary-contrast: var(--nex-yellow-contrast); --nex-primary-rgb: var(--nex-yellow-rgb); --bs-primary-rgb: var(--nex-yellow-rgb); --bs-link-color-rgb: var(--nex-yellow-rgb); --bs-link-hover-color-rgb: var(--nex-yellow-rgb); } [data-nex-couleur=lime] { --nex-primary: var(--nex-lime); --nex-primary-contrast: var(--nex-lime-contrast); --nex-primary-rgb: var(--nex-lime-rgb); --bs-primary-rgb: var(--nex-lime-rgb); --bs-link-color-rgb: var(--nex-lime-rgb); --bs-link-hover-color-rgb: var(--nex-lime-rgb); } [data-nex-couleur=green] { --nex-primary: var(--nex-green); --nex-primary-contrast: var(--nex-green-contrast); --nex-primary-rgb: var(--nex-green-rgb); --bs-primary-rgb: var(--nex-green-rgb); --bs-link-color-rgb: var(--nex-green-rgb); --bs-link-hover-color-rgb: var(--nex-green-rgb); } [data-nex-couleur=cyan] { --nex-primary: var(--nex-cyan); --nex-primary-contrast: var(--nex-cyan-contrast); --nex-primary-rgb: var(--nex-cyan-rgb); --bs-primary-rgb: var(--nex-cyan-rgb); --bs-link-color-rgb: var(--nex-cyan-rgb); --bs-link-hover-color-rgb: var(--nex-cyan-rgb); } [data-nex-couleur=brown] { --nex-primary: var(--nex-brown); --nex-primary-contrast: var(--nex-brown-contrast); --nex-primary-rgb: var(--nex-brown-rgb); --bs-primary-rgb: var(--nex-brown-rgb); --bs-link-color-rgb: var(--nex-brown-rgb); --bs-link-hover-color-rgb: var(--nex-brown-rgb); } [data-nex-couleur=gray] { --nex-primary: var(--nex-gray); --nex-primary-contrast: var(--nex-gray-contrast); --nex-primary-rgb: var(--nex-gray-rgb); --bs-primary-rgb: var(--nex-gray-rgb); --bs-link-color-rgb: var(--nex-gray-rgb); --bs-link-hover-color-rgb: var(--nex-gray-rgb); } [data-nex-couleur=inverse] { --nex-primary: var(--nex-inverse); --nex-primary-contrast: var(--nex-inverse-contrast); --nex-primary-rgb: var(--nex-inverse-rgb); --bs-primary-rgb: var(--nex-inverse-rgb); --bs-link-color-rgb: var(--nex-inverse-rgb); --bs-link-hover-color-rgb: var(--nex-inverse-rgb); } [data-nex-theme=lumen] { --nex-blue: #4285f4; --nex-blue-rgb: 66, 133, 244; --nex-blue-contrast: #fff; --nex-indigo: #3f51b5; --nex-indigo-rgb: 63, 81, 181; --nex-indigo-contrast: #fff; --nex-purple: #9c27b0; --nex-purple-rgb: 156, 39, 176; --nex-purple-contrast: #fff; --nex-pink: #e91e63; --nex-pink-rgb: 233, 30, 99; --nex-pink-contrast: #fff; --nex-red: #ea4335; --nex-red-rgb: 234, 67, 53; --nex-red-contrast: #fff; --nex-orange: #ff9800; --nex-orange-rgb: 255, 152, 0; --nex-orange-contrast: #fff; --nex-yellow: #fecf4a; --nex-yellow-rgb: 254, 207, 74; --nex-yellow-contrast: #212529; --nex-green: #33a853; --nex-green-rgb: 51, 168, 83; --nex-green-contrast: #fff; --nex-teal: #009688; --nex-teal-rgb: 0, 150, 136; --nex-teal-contrast: #fff; --nex-cyan: #00bcd4; --nex-cyan-rgb: 0, 188, 212; --nex-cyan-contrast: #fff; --nex-lime: #cddc39; --nex-lime-rgb: 205, 220, 57; --nex-lime-contrast: #fff; --nex-inverse: #212121; --nex-inverse-rgb: 33, 33, 33; --nex-inverse-contrast: #fff; --nex-success-contrast: var(--nex-teal-contrast); --nex-success-rgb: var(--nex-teal-rgb); --nex-info-contrast: var(--nex-cyan-contrast); --nex-info-rgb: var(--nex-cyan-rgb); --nex-warning-contrast: var(--nex-orange-contrast); --nex-warning-rgb: var(--nex-orange-rgb); --nex-danger-contrast: var(--nex-red-contrast); --nex-danger-rgb: var(--nex-red-rgb); --nex-aqua-contrast: var(--nex-cyan-contrast); --nex-aqua-rgb: var(--nex-cyan-rgb); --nex-dark-contrast: var(--nex-inverse-contrast); --nex-dark-rgb: var(--nex-inverse-rgb); } [data-nex-theme=cristal] { --nex-blue: #007aff; --nex-blue-rgb: 0, 122, 255; --nex-blue-contrast: #fff; --nex-indigo: #5856d6; --nex-indigo-rgb: 88, 86, 214; --nex-indigo-contrast: #fff; --nex-purple: #b503ff; --nex-purple-rgb: 181, 3, 255; --nex-purple-contrast: #fff; --nex-pink: #ff2d55; --nex-pink-rgb: 255, 45, 85; --nex-pink-contrast: #fff; --nex-red: #ff3b30; --nex-red-rgb: 255, 59, 48; --nex-red-contrast: #fff; --nex-orange: #ff9500; --nex-orange-rgb: 255, 149, 0; --nex-orange-contrast: #fff; --nex-yellow: #ffcc00; --nex-yellow-rgb: 255, 204, 0; --nex-yellow-contrast: #212529; --nex-green: #4cd964; --nex-green-rgb: 76, 217, 100; --nex-green-contrast: #212529; --nex-teal: #58eaa1; --nex-teal-rgb: 88, 234, 161; --nex-teal-contrast: #212529; --nex-cyan: #5ac8fa; --nex-cyan-rgb: 90, 200, 250; --nex-cyan-contrast: #fff; --nex-lime: #bbe244; --nex-lime-rgb: 187, 226, 68; --nex-lime-contrast: #fff; --nex-inverse: #222222; --nex-inverse-rgb: 34, 34, 34; --nex-inverse-contrast: #fff; --nex-success-contrast: var(--nex-teal-contrast); --nex-success-rgb: var(--nex-teal-rgb); --nex-info-contrast: var(--nex-cyan-contrast); --nex-info-rgb: var(--nex-cyan-rgb); --nex-warning-contrast: var(--nex-orange-contrast); --nex-warning-rgb: var(--nex-orange-rgb); --nex-danger-contrast: var(--nex-red-contrast); --nex-danger-rgb: var(--nex-red-rgb); --nex-aqua-contrast: var(--nex-cyan-contrast); --nex-aqua-rgb: var(--nex-cyan-rgb); --nex-dark-contrast: var(--nex-inverse-contrast); --nex-dark-rgb: var(--nex-inverse-rgb); } [data-nex-theme=studio] { --nex-blue: #0078ff; --nex-blue-rgb: 0, 120, 255; --nex-blue-contrast: #fff; --nex-indigo: #7b2cff; --nex-indigo-rgb: 123, 44, 255; --nex-indigo-contrast: #fff; --nex-purple: #5058e6; --nex-purple-rgb: 80, 88, 230; --nex-purple-contrast: #fff; --nex-pink: #ff107e; --nex-pink-rgb: 255, 16, 126; --nex-pink-contrast: #fff; --nex-red: #ff1b30; --nex-red-rgb: 255, 27, 48; --nex-red-contrast: #fff; --nex-orange: #ff9700; --nex-orange-rgb: 255, 151, 0; --nex-orange-contrast: #fff; --nex-yellow: #ffd900; --nex-yellow-rgb: 255, 217, 0; --nex-yellow-contrast: #212529; --nex-green: #0f9e3e; --nex-green-rgb: 15, 158, 62; --nex-green-contrast: #fff; --nex-teal: #04c5c5; --nex-teal-rgb: 4, 197, 197; --nex-teal-contrast: #212529; --nex-cyan: #1bbcea; --nex-cyan-rgb: 27, 188, 234; --nex-cyan-contrast: #fff; --nex-lime: #75c713; --nex-lime-rgb: 117, 199, 19; --nex-lime-contrast: #fff; --nex-inverse: #1f2225; --nex-inverse-rgb: 31, 34, 37; --nex-inverse-contrast: #fff; --nex-success-contrast: var(--nex-teal-contrast); --nex-success-rgb: var(--nex-teal-rgb); --nex-info-contrast: var(--nex-cyan-contrast); --nex-info-rgb: var(--nex-cyan-rgb); --nex-warning-contrast: var(--nex-orange-contrast); --nex-warning-rgb: var(--nex-orange-rgb); --nex-danger-contrast: var(--nex-red-contrast); --nex-danger-rgb: var(--nex-red-rgb); --nex-aqua-contrast: var(--nex-cyan-contrast); --nex-aqua-rgb: var(--nex-cyan-rgb); --nex-dark-contrast: var(--nex-inverse-contrast); --nex-dark-rgb: var(--nex-inverse-rgb); } [data-nex-theme=relief] { --nex-blue: #2196f3; --nex-blue-rgb: 33, 150, 243; --nex-blue-contrast: #fff; --nex-indigo: #3f51b5; --nex-indigo-rgb: 63, 81, 181; --nex-indigo-contrast: #fff; --nex-purple: #9c27b0; --nex-purple-rgb: 156, 39, 176; --nex-purple-contrast: #fff; --nex-pink: #e91e63; --nex-pink-rgb: 233, 30, 99; --nex-pink-contrast: #fff; --nex-red: #f44336; --nex-red-rgb: 244, 67, 54; --nex-red-contrast: #fff; --nex-orange: #ff9800; --nex-orange-rgb: 255, 152, 0; --nex-orange-contrast: #fff; --nex-yellow: #ffeb3b; --nex-yellow-rgb: 255, 235, 59; --nex-yellow-contrast: #212529; --nex-green: #8bc34a; --nex-green-rgb: 139, 195, 74; --nex-green-contrast: #212529; --nex-teal: #009688; --nex-teal-rgb: 0, 150, 136; --nex-teal-contrast: #fff; --nex-cyan: #00bcd4; --nex-cyan-rgb: 0, 188, 212; --nex-cyan-contrast: #fff; --nex-lime: #cddc39; --nex-lime-rgb: 205, 220, 57; --nex-lime-contrast: #fff; --nex-inverse: #263238; --nex-inverse-rgb: 38, 50, 56; --nex-inverse-contrast: #fff; --nex-success-contrast: var(--nex-teal-contrast); --nex-success-rgb: var(--nex-teal-rgb); --nex-info-contrast: var(--nex-cyan-contrast); --nex-info-rgb: var(--nex-cyan-rgb); --nex-warning-contrast: var(--nex-orange-contrast); --nex-warning-rgb: var(--nex-orange-rgb); --nex-danger-contrast: var(--nex-red-contrast); --nex-danger-rgb: var(--nex-red-rgb); --nex-aqua-contrast: var(--nex-cyan-contrast); --nex-aqua-rgb: var(--nex-cyan-rgb); --nex-dark-contrast: var(--nex-inverse-contrast); --nex-dark-rgb: var(--nex-inverse-rgb); } [data-nex-theme=horizon] { --nex-blue: #1c75ee; --nex-blue-rgb: 28, 117, 238; --nex-blue-contrast: #fff; --nex-indigo: #9c6aff; --nex-indigo-rgb: 156, 106, 255; --nex-indigo-contrast: #fff; --nex-purple: #bf65fd; --nex-purple-rgb: 191, 101, 253; --nex-purple-contrast: #fff; --nex-pink: #ff0081; --nex-pink-rgb: 255, 0, 129; --nex-pink-contrast: #fff; --nex-red: #ff3502; --nex-red-rgb: 255, 53, 2; --nex-red-contrast: #fff; --nex-orange: #ff7b01; --nex-orange-rgb: 255, 123, 1; --nex-orange-contrast: #fff; --nex-yellow: #ffd900; --nex-yellow-rgb: 255, 217, 0; --nex-yellow-contrast: #212529; --nex-green: #04c142; --nex-green-rgb: 4, 193, 66; --nex-green-contrast: #212529; --nex-teal: #01caca; --nex-teal-rgb: 1, 202, 202; --nex-teal-contrast: #212529; --nex-cyan: #00cbff; --nex-cyan-rgb: 0, 203, 255; --nex-cyan-contrast: #fff; --nex-lime: #c2e900; --nex-lime-rgb: 194, 233, 0; --nex-lime-contrast: #fff; --nex-success-contrast: var(--nex-teal-contrast); --nex-success-rgb: var(--nex-teal-rgb); --nex-info-contrast: var(--nex-cyan-contrast); --nex-info-rgb: var(--nex-cyan-rgb); --nex-warning-contrast: var(--nex-orange-contrast); --nex-warning-rgb: var(--nex-orange-rgb); --nex-danger-contrast: var(--nex-red-contrast); --nex-danger-rgb: var(--nex-red-rgb); --nex-aqua-contrast: var(--nex-cyan-contrast); --nex-aqua-rgb: var(--nex-cyan-rgb); } [data-nex-theme=clarte] { --nex-blue: #0067c0; --nex-blue-rgb: 0, 103, 192; --nex-blue-contrast: #fff; --nex-indigo: #6b69d6; --nex-indigo-rgb: 107, 105, 214; --nex-indigo-contrast: #fff; --nex-purple: #8764b8; --nex-purple-rgb: 135, 100, 184; --nex-purple-contrast: #fff; --nex-pink: #e3008c; --nex-pink-rgb: 227, 0, 140; --nex-pink-contrast: #fff; --nex-red: #d13438; --nex-red-rgb: 209, 52, 56; --nex-red-contrast: #fff; --nex-orange: #f7630c; --nex-orange-rgb: 247, 99, 12; --nex-orange-contrast: #fff; --nex-yellow: #ffb900; --nex-yellow-rgb: 255, 185, 0; --nex-yellow-contrast: #212529; --nex-green: #107c10; --nex-green-rgb: 16, 124, 16; --nex-green-contrast: #fff; --nex-teal: #038387; --nex-teal-rgb: 3, 131, 135; --nex-teal-contrast: #fff; --nex-cyan: #0099bc; --nex-cyan-rgb: 0, 153, 188; --nex-cyan-contrast: #fff; --nex-lime: #73aa24; --nex-lime-rgb: 115, 170, 36; --nex-lime-contrast: #fff; --nex-inverse: #202020; --nex-inverse-rgb: 32, 32, 32; --nex-inverse-contrast: #fff; --nex-success-contrast: var(--nex-teal-contrast); --nex-success-rgb: var(--nex-teal-rgb); --nex-info-contrast: var(--nex-cyan-contrast); --nex-info-rgb: var(--nex-cyan-rgb); --nex-warning-contrast: var(--nex-orange-contrast); --nex-warning-rgb: var(--nex-orange-rgb); --nex-danger-contrast: var(--nex-red-contrast); --nex-danger-rgb: var(--nex-red-rgb); --nex-aqua-contrast: var(--nex-cyan-contrast); --nex-aqua-rgb: var(--nex-cyan-rgb); --nex-dark-contrast: var(--nex-inverse-contrast); --nex-dark-rgb: var(--nex-inverse-rgb); } [data-nex-theme=libre] { --nex-blue: #0073e5; --nex-blue-rgb: 0, 115, 229; --nex-blue-contrast: #fff; --nex-indigo: #7764d8; --nex-indigo-rgb: 119, 100, 216; --nex-indigo-contrast: #fff; --nex-purple: #b34cb3; --nex-purple-rgb: 179, 76, 179; --nex-purple-contrast: #fff; --nex-pink: #d56199; --nex-pink-rgb: 213, 97, 153; --nex-pink-contrast: #fff; --nex-red: #da3450; --nex-red-rgb: 218, 52, 80; --nex-red-contrast: #fff; --nex-orange: #e95420; --nex-orange-rgb: 233, 84, 32; --nex-orange-contrast: #fff; --nex-yellow: #f6d32d; --nex-yellow-rgb: 246, 211, 45; --nex-yellow-contrast: #212529; --nex-green: #0e8420; --nex-green-rgb: 14, 132, 32; --nex-green-contrast: #fff; --nex-teal: #308280; --nex-teal-rgb: 48, 130, 128; --nex-teal-contrast: #fff; --nex-cyan: #19b6ee; --nex-cyan-rgb: 25, 182, 238; --nex-cyan-contrast: #fff; --nex-lime: #6aad1e; --nex-lime-rgb: 106, 173, 30; --nex-lime-contrast: #fff; --nex-inverse: #300a24; --nex-inverse-rgb: 48, 10, 36; --nex-inverse-contrast: #fff; --nex-success-contrast: var(--nex-teal-contrast); --nex-success-rgb: var(--nex-teal-rgb); --nex-info-contrast: var(--nex-cyan-contrast); --nex-info-rgb: var(--nex-cyan-rgb); --nex-warning-contrast: var(--nex-orange-contrast); --nex-warning-rgb: var(--nex-orange-rgb); --nex-danger-contrast: var(--nex-red-contrast); --nex-danger-rgb: var(--nex-red-rgb); --nex-aqua-contrast: var(--nex-cyan-contrast); --nex-aqua-rgb: var(--nex-cyan-rgb); --nex-dark-contrast: var(--nex-inverse-contrast); --nex-dark-rgb: var(--nex-inverse-rgb); } [data-nex-theme=pastel] { --nex-blue: #1e66f5; --nex-blue-rgb: 30, 102, 245; --nex-blue-contrast: #fff; --nex-indigo: #7287fd; --nex-indigo-rgb: 114, 135, 253; --nex-indigo-contrast: #fff; --nex-purple: #8839ef; --nex-purple-rgb: 136, 57, 239; --nex-purple-contrast: #fff; --nex-pink: #ea76cb; --nex-pink-rgb: 234, 118, 203; --nex-pink-contrast: #212529; --nex-red: #d20f39; --nex-red-rgb: 210, 15, 57; --nex-red-contrast: #fff; --nex-orange: #fe640b; --nex-orange-rgb: 254, 100, 11; --nex-orange-contrast: #fff; --nex-yellow: #df8e1d; --nex-yellow-rgb: 223, 142, 29; --nex-yellow-contrast: #212529; --nex-green: #40a02b; --nex-green-rgb: 64, 160, 43; --nex-green-contrast: #fff; --nex-teal: #179299; --nex-teal-rgb: 23, 146, 153; --nex-teal-contrast: #fff; --nex-cyan: #04a5e5; --nex-cyan-rgb: 4, 165, 229; --nex-cyan-contrast: #fff; --nex-gray: #7c7f93; --nex-gray-rgb: 124, 127, 147; --nex-gray-contrast: #fff; --nex-inverse: #1e1e2e; --nex-inverse-rgb: 30, 30, 46; --nex-inverse-contrast: #fff; --nex-secondary-contrast: var(--nex-gray-contrast); --nex-secondary-rgb: var(--nex-gray-rgb); --nex-success-contrast: var(--nex-teal-contrast); --nex-success-rgb: var(--nex-teal-rgb); --nex-info-contrast: var(--nex-cyan-contrast); --nex-info-rgb: var(--nex-cyan-rgb); --nex-warning-contrast: var(--nex-orange-contrast); --nex-warning-rgb: var(--nex-orange-rgb); --nex-danger-contrast: var(--nex-red-contrast); --nex-danger-rgb: var(--nex-red-rgb); --nex-aqua-contrast: var(--nex-cyan-contrast); --nex-aqua-rgb: var(--nex-cyan-rgb); --nex-grey-contrast: var(--nex-gray-contrast); --nex-grey-rgb: var(--nex-gray-rgb); --nex-dark-contrast: var(--nex-inverse-contrast); --nex-dark-rgb: var(--nex-inverse-rgb); } [data-nex-theme=plasma] { --nex-blue: #1d99f3; --nex-blue-rgb: 29, 153, 243; --nex-blue-contrast: #fff; --nex-purple: #9b59b6; --nex-purple-rgb: 155, 89, 182; --nex-purple-contrast: #fff; --nex-pink: #e93a9a; --nex-pink-rgb: 233, 58, 154; --nex-pink-contrast: #fff; --nex-red: #da4453; --nex-red-rgb: 218, 68, 83; --nex-red-contrast: #fff; --nex-orange: #f67400; --nex-orange-rgb: 246, 116, 0; --nex-orange-contrast: #fff; --nex-yellow: #fdbc4b; --nex-yellow-rgb: 253, 188, 75; --nex-yellow-contrast: #212529; --nex-green: #27ae60; --nex-green-rgb: 39, 174, 96; --nex-green-contrast: #fff; --nex-teal: #1abc9c; --nex-teal-rgb: 26, 188, 156; --nex-teal-contrast: #212529; --nex-cyan: #3daee9; --nex-cyan-rgb: 61, 174, 233; --nex-cyan-contrast: #fff; --nex-inverse: #2a2e32; --nex-inverse-rgb: 42, 46, 50; --nex-inverse-contrast: #fff; --nex-success-contrast: var(--nex-teal-contrast); --nex-success-rgb: var(--nex-teal-rgb); --nex-info-contrast: var(--nex-cyan-contrast); --nex-info-rgb: var(--nex-cyan-rgb); --nex-warning-contrast: var(--nex-orange-contrast); --nex-warning-rgb: var(--nex-orange-rgb); --nex-danger-contrast: var(--nex-red-contrast); --nex-danger-rgb: var(--nex-red-rgb); --nex-aqua-contrast: var(--nex-cyan-contrast); --nex-aqua-rgb: var(--nex-cyan-rgb); --nex-dark-contrast: var(--nex-inverse-contrast); --nex-dark-rgb: var(--nex-inverse-rgb); } [data-nex-theme=cosmos] { --nex-blue: #4d7cfe; --nex-blue-rgb: 77, 124, 254; --nex-blue-contrast: #fff; --nex-indigo: #7c5cff; --nex-indigo-rgb: 124, 92, 255; --nex-indigo-contrast: #fff; --nex-purple: #b35cff; --nex-purple-rgb: 179, 92, 255; --nex-purple-contrast: #fff; --nex-pink: #ff4fa3; --nex-pink-rgb: 255, 79, 163; --nex-pink-contrast: #fff; --nex-red: #ff5c6c; --nex-red-rgb: 255, 92, 108; --nex-red-contrast: #fff; --nex-orange: #ff9f43; --nex-orange-rgb: 255, 159, 67; --nex-orange-contrast: #fff; --nex-yellow: #ffd166; --nex-yellow-rgb: 255, 209, 102; --nex-yellow-contrast: #212529; --nex-green: #2fe39a; --nex-green-rgb: 47, 227, 154; --nex-green-contrast: #212529; --nex-teal: #20d5c4; --nex-teal-rgb: 32, 213, 196; --nex-teal-contrast: #212529; --nex-cyan: #38bdf8; --nex-cyan-rgb: 56, 189, 248; --nex-cyan-contrast: #fff; --nex-lime: #a3e635; --nex-lime-rgb: 163, 230, 53; --nex-lime-contrast: #fff; --nex-inverse: #070914; --nex-inverse-rgb: 7, 9, 20; --nex-inverse-contrast: #fff; --nex-success-contrast: var(--nex-teal-contrast); --nex-success-rgb: var(--nex-teal-rgb); --nex-info-contrast: var(--nex-cyan-contrast); --nex-info-rgb: var(--nex-cyan-rgb); --nex-warning-contrast: var(--nex-orange-contrast); --nex-warning-rgb: var(--nex-orange-rgb); --nex-danger-contrast: var(--nex-red-contrast); --nex-danger-rgb: var(--nex-red-rgb); --nex-aqua-contrast: var(--nex-cyan-contrast); --nex-aqua-rgb: var(--nex-cyan-rgb); --nex-dark-contrast: var(--nex-inverse-contrast); --nex-dark-rgb: var(--nex-inverse-rgb); } [data-nex-theme=vinyle] { --nex-blue: #3b6e8f; --nex-blue-rgb: 59, 110, 143; --nex-blue-contrast: #fff; --nex-indigo: #5a4e8c; --nex-indigo-rgb: 90, 78, 140; --nex-indigo-contrast: #fff; --nex-purple: #7b4a7a; --nex-purple-rgb: 123, 74, 122; --nex-purple-contrast: #fff; --nex-pink: #d4697a; --nex-pink-rgb: 212, 105, 122; --nex-pink-contrast: #fff; --nex-red: #b83a2c; --nex-red-rgb: 184, 58, 44; --nex-red-contrast: #fff; --nex-orange: #d9622b; --nex-orange-rgb: 217, 98, 43; --nex-orange-contrast: #fff; --nex-yellow: #e0a526; --nex-yellow-rgb: 224, 165, 38; --nex-yellow-contrast: #212529; --nex-green: #6b8e23; --nex-green-rgb: 107, 142, 35; --nex-green-contrast: #fff; --nex-teal: #2f7f7a; --nex-teal-rgb: 47, 127, 122; --nex-teal-contrast: #fff; --nex-cyan: #4a9fa8; --nex-cyan-rgb: 74, 159, 168; --nex-cyan-contrast: #fff; --nex-lime: #9aae3b; --nex-lime-rgb: 154, 174, 59; --nex-lime-contrast: #fff; --nex-inverse: #2a1a12; --nex-inverse-rgb: 42, 26, 18; --nex-inverse-contrast: #fff; --nex-success-contrast: var(--nex-teal-contrast); --nex-success-rgb: var(--nex-teal-rgb); --nex-info-contrast: var(--nex-cyan-contrast); --nex-info-rgb: var(--nex-cyan-rgb); --nex-warning-contrast: var(--nex-orange-contrast); --nex-warning-rgb: var(--nex-orange-rgb); --nex-danger-contrast: var(--nex-red-contrast); --nex-danger-rgb: var(--nex-red-rgb); --nex-aqua-contrast: var(--nex-cyan-contrast); --nex-aqua-rgb: var(--nex-cyan-rgb); --nex-dark-contrast: var(--nex-inverse-contrast); --nex-dark-rgb: var(--nex-inverse-rgb); } [data-nex-theme=retro] { --nex-blue: #000080; --nex-blue-rgb: 0, 0, 128; --nex-blue-contrast: #fff; --nex-indigo: #3333aa; --nex-indigo-rgb: 51, 51, 170; --nex-indigo-contrast: #fff; --nex-purple: #800080; --nex-purple-rgb: 128, 0, 128; --nex-purple-contrast: #fff; --nex-pink: #c000c0; --nex-pink-rgb: 192, 0, 192; --nex-pink-contrast: #fff; --nex-red: #c00000; --nex-red-rgb: 192, 0, 0; --nex-red-contrast: #fff; --nex-orange: #e07000; --nex-orange-rgb: 224, 112, 0; --nex-orange-contrast: #fff; --nex-yellow: #e0c000; --nex-yellow-rgb: 224, 192, 0; --nex-yellow-contrast: #212529; --nex-green: #008000; --nex-green-rgb: 0, 128, 0; --nex-green-contrast: #fff; --nex-teal: #008080; --nex-teal-rgb: 0, 128, 128; --nex-teal-contrast: #fff; --nex-cyan: #00a0a0; --nex-cyan-rgb: 0, 160, 160; --nex-cyan-contrast: #fff; --nex-lime: #40a000; --nex-lime-rgb: 64, 160, 0; --nex-lime-contrast: #fff; --nex-inverse: #000080; --nex-inverse-rgb: 0, 0, 128; --nex-inverse-contrast: #fff; --nex-success-contrast: var(--nex-teal-contrast); --nex-success-rgb: var(--nex-teal-rgb); --nex-info-contrast: var(--nex-cyan-contrast); --nex-info-rgb: var(--nex-cyan-rgb); --nex-warning-contrast: var(--nex-orange-contrast); --nex-warning-rgb: var(--nex-orange-rgb); --nex-danger-contrast: var(--nex-red-contrast); --nex-danger-rgb: var(--nex-red-rgb); --nex-aqua-contrast: var(--nex-cyan-contrast); --nex-aqua-rgb: var(--nex-cyan-rgb); --nex-dark-contrast: var(--nex-inverse-contrast); --nex-dark-rgb: var(--nex-inverse-rgb); } [data-nex-theme=deco] { --nex-blue: #23395b; --nex-blue-rgb: 35, 57, 91; --nex-blue-contrast: #fff; --nex-indigo: #3b3561; --nex-indigo-rgb: 59, 53, 97; --nex-indigo-contrast: #fff; --nex-purple: #5b2a4e; --nex-purple-rgb: 91, 42, 78; --nex-purple-contrast: #fff; --nex-pink: #a85a6e; --nex-pink-rgb: 168, 90, 110; --nex-pink-contrast: #fff; --nex-red: #8e2b2b; --nex-red-rgb: 142, 43, 43; --nex-red-contrast: #fff; --nex-orange: #b8733a; --nex-orange-rgb: 184, 115, 58; --nex-orange-contrast: #fff; --nex-yellow: #c9a24a; --nex-yellow-rgb: 201, 162, 74; --nex-yellow-contrast: #212529; --nex-green: #2f5d50; --nex-green-rgb: 47, 93, 80; --nex-green-contrast: #fff; --nex-teal: #2a6f6b; --nex-teal-rgb: 42, 111, 107; --nex-teal-contrast: #fff; --nex-cyan: #4b8b9b; --nex-cyan-rgb: 75, 139, 155; --nex-cyan-contrast: #fff; --nex-lime: #8a9a5b; --nex-lime-rgb: 138, 154, 91; --nex-lime-contrast: #fff; --nex-inverse: #0c0b09; --nex-inverse-rgb: 12, 11, 9; --nex-inverse-contrast: #fff; --nex-success-contrast: var(--nex-teal-contrast); --nex-success-rgb: var(--nex-teal-rgb); --nex-info-contrast: var(--nex-cyan-contrast); --nex-info-rgb: var(--nex-cyan-rgb); --nex-warning-contrast: var(--nex-orange-contrast); --nex-warning-rgb: var(--nex-orange-rgb); --nex-danger-contrast: var(--nex-red-contrast); --nex-danger-rgb: var(--nex-red-rgb); --nex-aqua-contrast: var(--nex-cyan-contrast); --nex-aqua-rgb: var(--nex-cyan-rgb); --nex-dark-contrast: var(--nex-inverse-contrast); --nex-dark-rgb: var(--nex-inverse-rgb); } [data-nex-theme=jukebox] { --nex-blue: #3b7dd8; --nex-blue-rgb: 59, 125, 216; --nex-blue-contrast: #fff; --nex-indigo: #5c5fc4; --nex-indigo-rgb: 92, 95, 196; --nex-indigo-contrast: #fff; --nex-purple: #9b59b6; --nex-purple-rgb: 155, 89, 182; --nex-purple-contrast: #fff; --nex-pink: #e84a7f; --nex-pink-rgb: 232, 74, 127; --nex-pink-contrast: #fff; --nex-red: #e2373f; --nex-red-rgb: 226, 55, 63; --nex-red-contrast: #fff; --nex-orange: #ff9b42; --nex-orange-rgb: 255, 155, 66; --nex-orange-contrast: #fff; --nex-yellow: #ffd23f; --nex-yellow-rgb: 255, 210, 63; --nex-yellow-contrast: #212529; --nex-green: #4caf50; --nex-green-rgb: 76, 175, 80; --nex-green-contrast: #212529; --nex-teal: #2fae9c; --nex-teal-rgb: 47, 174, 156; --nex-teal-contrast: #212529; --nex-cyan: #4fc3e8; --nex-cyan-rgb: 79, 195, 232; --nex-cyan-contrast: #fff; --nex-lime: #a8d94a; --nex-lime-rgb: 168, 217, 74; --nex-lime-contrast: #fff; --nex-inverse: #1d1d1f; --nex-inverse-rgb: 29, 29, 31; --nex-inverse-contrast: #fff; --nex-success-contrast: var(--nex-teal-contrast); --nex-success-rgb: var(--nex-teal-rgb); --nex-info-contrast: var(--nex-cyan-contrast); --nex-info-rgb: var(--nex-cyan-rgb); --nex-warning-contrast: var(--nex-orange-contrast); --nex-warning-rgb: var(--nex-orange-rgb); --nex-danger-contrast: var(--nex-red-contrast); --nex-danger-rgb: var(--nex-red-rgb); --nex-aqua-contrast: var(--nex-cyan-contrast); --nex-aqua-rgb: var(--nex-cyan-rgb); --nex-dark-contrast: var(--nex-inverse-contrast); --nex-dark-rgb: var(--nex-inverse-rgb); } [data-nex-theme=neon] { --nex-blue: #3d7bff; --nex-blue-rgb: 61, 123, 255; --nex-blue-contrast: #fff; --nex-indigo: #7b5cff; --nex-indigo-rgb: 123, 92, 255; --nex-indigo-contrast: #fff; --nex-purple: #b14aff; --nex-purple-rgb: 177, 74, 255; --nex-purple-contrast: #fff; --nex-pink: #ff2bd6; --nex-pink-rgb: 255, 43, 214; --nex-pink-contrast: #fff; --nex-red: #ff3d6e; --nex-red-rgb: 255, 61, 110; --nex-red-contrast: #fff; --nex-orange: #ff8a3d; --nex-orange-rgb: 255, 138, 61; --nex-orange-contrast: #fff; --nex-yellow: #ffe14d; --nex-yellow-rgb: 255, 225, 77; --nex-yellow-contrast: #212529; --nex-green: #3dff8b; --nex-green-rgb: 61, 255, 139; --nex-green-contrast: #212529; --nex-teal: #00d9c0; --nex-teal-rgb: 0, 217, 192; --nex-teal-contrast: #212529; --nex-cyan: #00f0ff; --nex-cyan-rgb: 0, 240, 255; --nex-cyan-contrast: #fff; --nex-lime: #c6ff3d; --nex-lime-rgb: 198, 255, 61; --nex-lime-contrast: #fff; --nex-inverse: #12002b; --nex-inverse-rgb: 18, 0, 43; --nex-inverse-contrast: #fff; --nex-success-contrast: var(--nex-teal-contrast); --nex-success-rgb: var(--nex-teal-rgb); --nex-info-contrast: var(--nex-cyan-contrast); --nex-info-rgb: var(--nex-cyan-rgb); --nex-warning-contrast: var(--nex-orange-contrast); --nex-warning-rgb: var(--nex-orange-rgb); --nex-danger-contrast: var(--nex-red-contrast); --nex-danger-rgb: var(--nex-red-rgb); --nex-aqua-contrast: var(--nex-cyan-contrast); --nex-aqua-rgb: var(--nex-cyan-rgb); --nex-dark-contrast: var(--nex-inverse-contrast); --nex-dark-rgb: var(--nex-inverse-rgb); } [data-nex-theme=bitmap] { --nex-blue: #2f4fa2; --nex-blue-rgb: 47, 79, 162; --nex-blue-contrast: #fff; --nex-indigo: #43418f; --nex-indigo-rgb: 67, 65, 143; --nex-indigo-contrast: #fff; --nex-purple: #6e3a8a; --nex-purple-rgb: 110, 58, 138; --nex-purple-contrast: #fff; --nex-pink: #b03a78; --nex-pink-rgb: 176, 58, 120; --nex-pink-contrast: #fff; --nex-red: #b3261e; --nex-red-rgb: 179, 38, 30; --nex-red-contrast: #fff; --nex-orange: #c0661e; --nex-orange-rgb: 192, 102, 30; --nex-orange-contrast: #fff; --nex-yellow: #c9a400; --nex-yellow-rgb: 201, 164, 0; --nex-yellow-contrast: #212529; --nex-green: #2e7d32; --nex-green-rgb: 46, 125, 50; --nex-green-contrast: #fff; --nex-teal: #00796b; --nex-teal-rgb: 0, 121, 107; --nex-teal-contrast: #fff; --nex-cyan: #0277a8; --nex-cyan-rgb: 2, 119, 168; --nex-cyan-contrast: #fff; --nex-lime: #689f38; --nex-lime-rgb: 104, 159, 56; --nex-lime-contrast: #fff; --nex-inverse: #000000; --nex-inverse-rgb: 0, 0, 0; --nex-inverse-contrast: #fff; --nex-success-contrast: var(--nex-teal-contrast); --nex-success-rgb: var(--nex-teal-rgb); --nex-info-contrast: var(--nex-cyan-contrast); --nex-info-rgb: var(--nex-cyan-rgb); --nex-warning-contrast: var(--nex-orange-contrast); --nex-warning-rgb: var(--nex-orange-rgb); --nex-danger-contrast: var(--nex-red-contrast); --nex-danger-rgb: var(--nex-red-rgb); --nex-aqua-contrast: var(--nex-cyan-contrast); --nex-aqua-rgb: var(--nex-cyan-rgb); --nex-dark-contrast: var(--nex-inverse-contrast); --nex-dark-rgb: var(--nex-inverse-rgb); } [data-nex-theme=pixel] { --nex-blue: #2f5a6b; --nex-blue-rgb: 47, 90, 107; --nex-blue-contrast: #fff; --nex-indigo: #3d4a6b; --nex-indigo-rgb: 61, 74, 107; --nex-indigo-contrast: #fff; --nex-purple: #5a3d5a; --nex-purple-rgb: 90, 61, 90; --nex-purple-contrast: #fff; --nex-pink: #8a4a5a; --nex-pink-rgb: 138, 74, 90; --nex-pink-contrast: #fff; --nex-red: #8a2c1c; --nex-red-rgb: 138, 44, 28; --nex-red-contrast: #fff; --nex-orange: #a8641a; --nex-orange-rgb: 168, 100, 26; --nex-orange-contrast: #fff; --nex-yellow: #b5a21a; --nex-yellow-rgb: 181, 162, 26; --nex-yellow-contrast: #212529; --nex-green: #306230; --nex-green-rgb: 48, 98, 48; --nex-green-contrast: #fff; --nex-teal: #3a6b4a; --nex-teal-rgb: 58, 107, 74; --nex-teal-contrast: #fff; --nex-cyan: #4a7a6a; --nex-cyan-rgb: 74, 122, 106; --nex-cyan-contrast: #fff; --nex-lime: #8bac0f; --nex-lime-rgb: 139, 172, 15; --nex-lime-contrast: #fff; --nex-inverse: #0f380f; --nex-inverse-rgb: 15, 56, 15; --nex-inverse-contrast: #fff; --nex-success-contrast: var(--nex-teal-contrast); --nex-success-rgb: var(--nex-teal-rgb); --nex-info-contrast: var(--nex-cyan-contrast); --nex-info-rgb: var(--nex-cyan-rgb); --nex-warning-contrast: var(--nex-orange-contrast); --nex-warning-rgb: var(--nex-orange-rgb); --nex-danger-contrast: var(--nex-red-contrast); --nex-danger-rgb: var(--nex-red-rgb); --nex-aqua-contrast: var(--nex-cyan-contrast); --nex-aqua-rgb: var(--nex-cyan-rgb); --nex-dark-contrast: var(--nex-inverse-contrast); --nex-dark-rgb: var(--nex-inverse-rgb); } [data-nex-theme=dactylo] { --nex-blue: #2b4c7e; --nex-blue-rgb: 43, 76, 126; --nex-blue-contrast: #fff; --nex-indigo: #3f3d73; --nex-indigo-rgb: 63, 61, 115; --nex-indigo-contrast: #fff; --nex-purple: #6b3d6b; --nex-purple-rgb: 107, 61, 107; --nex-purple-contrast: #fff; --nex-pink: #b0577a; --nex-pink-rgb: 176, 87, 122; --nex-pink-contrast: #fff; --nex-red: #b3261e; --nex-red-rgb: 179, 38, 30; --nex-red-contrast: #fff; --nex-orange: #b8642a; --nex-orange-rgb: 184, 100, 42; --nex-orange-contrast: #fff; --nex-yellow: #c9a227; --nex-yellow-rgb: 201, 162, 39; --nex-yellow-contrast: #212529; --nex-green: #3d6b3a; --nex-green-rgb: 61, 107, 58; --nex-green-contrast: #fff; --nex-teal: #2e6b66; --nex-teal-rgb: 46, 107, 102; --nex-teal-contrast: #fff; --nex-cyan: #3f7f8c; --nex-cyan-rgb: 63, 127, 140; --nex-cyan-contrast: #fff; --nex-lime: #7d8f3a; --nex-lime-rgb: 125, 143, 58; --nex-lime-contrast: #fff; --nex-inverse: #2b2722; --nex-inverse-rgb: 43, 39, 34; --nex-inverse-contrast: #fff; --nex-success-contrast: var(--nex-teal-contrast); --nex-success-rgb: var(--nex-teal-rgb); --nex-info-contrast: var(--nex-cyan-contrast); --nex-info-rgb: var(--nex-cyan-rgb); --nex-warning-contrast: var(--nex-orange-contrast); --nex-warning-rgb: var(--nex-orange-rgb); --nex-danger-contrast: var(--nex-red-contrast); --nex-danger-rgb: var(--nex-red-rgb); --nex-aqua-contrast: var(--nex-cyan-contrast); --nex-aqua-rgb: var(--nex-cyan-rgb); --nex-dark-contrast: var(--nex-inverse-contrast); --nex-dark-rgb: var(--nex-inverse-rgb); } [data-nex-theme=biogaz] { --nex-blue: #2f5f8f; --nex-blue-rgb: 47, 95, 143; --nex-blue-contrast: #fff; --nex-indigo: #45508f; --nex-indigo-rgb: 69, 80, 143; --nex-indigo-contrast: #fff; --nex-purple: #6a4c8c; --nex-purple-rgb: 106, 76, 140; --nex-purple-contrast: #fff; --nex-pink: #b04a6e; --nex-pink-rgb: 176, 74, 110; --nex-pink-contrast: #fff; --nex-red: #c0392b; --nex-red-rgb: 192, 57, 43; --nex-red-contrast: #fff; --nex-orange: #e67e22; --nex-orange-rgb: 230, 126, 34; --nex-orange-contrast: #fff; --nex-yellow: #f2b705; --nex-yellow-rgb: 242, 183, 5; --nex-yellow-contrast: #212529; --nex-green: #3a8a3f; --nex-green-rgb: 58, 138, 63; --nex-green-contrast: #fff; --nex-teal: #1f7a6e; --nex-teal-rgb: 31, 122, 110; --nex-teal-contrast: #fff; --nex-cyan: #2a8fb0; --nex-cyan-rgb: 42, 143, 176; --nex-cyan-contrast: #fff; --nex-lime: #8bbf3c; --nex-lime-rgb: 139, 191, 60; --nex-lime-contrast: #fff; --nex-inverse: #1c2427; --nex-inverse-rgb: 28, 36, 39; --nex-inverse-contrast: #fff; --nex-success-contrast: var(--nex-teal-contrast); --nex-success-rgb: var(--nex-teal-rgb); --nex-info-contrast: var(--nex-cyan-contrast); --nex-info-rgb: var(--nex-cyan-rgb); --nex-warning-contrast: var(--nex-orange-contrast); --nex-warning-rgb: var(--nex-orange-rgb); --nex-danger-contrast: var(--nex-red-contrast); --nex-danger-rgb: var(--nex-red-rgb); --nex-aqua-contrast: var(--nex-cyan-contrast); --nex-aqua-rgb: var(--nex-cyan-rgb); --nex-dark-contrast: var(--nex-inverse-contrast); --nex-dark-rgb: var(--nex-inverse-rgb); } [data-nex-theme=nature] { --nex-blue: #3b6ea8; --nex-blue-rgb: 59, 110, 168; --nex-blue-contrast: #fff; --nex-indigo: #4f5d9a; --nex-indigo-rgb: 79, 93, 154; --nex-indigo-contrast: #fff; --nex-purple: #7a5c99; --nex-purple-rgb: 122, 92, 153; --nex-purple-contrast: #fff; --nex-pink: #c96b8f; --nex-pink-rgb: 201, 107, 143; --nex-pink-contrast: #fff; --nex-red: #c0442f; --nex-red-rgb: 192, 68, 47; --nex-red-contrast: #fff; --nex-orange: #d9822b; --nex-orange-rgb: 217, 130, 43; --nex-orange-contrast: #fff; --nex-yellow: #e3b23c; --nex-yellow-rgb: 227, 178, 60; --nex-yellow-contrast: #212529; --nex-green: #2e8b57; --nex-green-rgb: 46, 139, 87; --nex-green-contrast: #fff; --nex-teal: #26867a; --nex-teal-rgb: 38, 134, 122; --nex-teal-contrast: #fff; --nex-cyan: #2a9db5; --nex-cyan-rgb: 42, 157, 181; --nex-cyan-contrast: #fff; --nex-lime: #7cb342; --nex-lime-rgb: 124, 179, 66; --nex-lime-contrast: #fff; --nex-inverse: #1f3326; --nex-inverse-rgb: 31, 51, 38; --nex-inverse-contrast: #fff; --nex-success-contrast: var(--nex-teal-contrast); --nex-success-rgb: var(--nex-teal-rgb); --nex-info-contrast: var(--nex-cyan-contrast); --nex-info-rgb: var(--nex-cyan-rgb); --nex-warning-contrast: var(--nex-orange-contrast); --nex-warning-rgb: var(--nex-orange-rgb); --nex-danger-contrast: var(--nex-red-contrast); --nex-danger-rgb: var(--nex-red-rgb); --nex-aqua-contrast: var(--nex-cyan-contrast); --nex-aqua-rgb: var(--nex-cyan-rgb); --nex-dark-contrast: var(--nex-inverse-contrast); --nex-dark-rgb: var(--nex-inverse-rgb); } [data-nex-theme=code] { --nex-blue: #0969da; --nex-blue-rgb: 9, 105, 218; --nex-blue-contrast: #fff; --nex-indigo: #6639ba; --nex-indigo-rgb: 102, 57, 186; --nex-indigo-contrast: #fff; --nex-purple: #8250df; --nex-purple-rgb: 130, 80, 223; --nex-purple-contrast: #fff; --nex-pink: #bf3989; --nex-pink-rgb: 191, 57, 137; --nex-pink-contrast: #fff; --nex-red: #cf222e; --nex-red-rgb: 207, 34, 46; --nex-red-contrast: #fff; --nex-orange: #bc4c00; --nex-orange-rgb: 188, 76, 0; --nex-orange-contrast: #fff; --nex-yellow: #d4a72c; --nex-yellow-rgb: 212, 167, 44; --nex-yellow-contrast: #212529; --nex-green: #1f883d; --nex-green-rgb: 31, 136, 61; --nex-green-contrast: #fff; --nex-teal: #1b7c83; --nex-teal-rgb: 27, 124, 131; --nex-teal-contrast: #fff; --nex-cyan: #1b9fbf; --nex-cyan-rgb: 27, 159, 191; --nex-cyan-contrast: #fff; --nex-lime: #4ac26b; --nex-lime-rgb: 74, 194, 107; --nex-lime-contrast: #fff; --nex-inverse: #24292f; --nex-inverse-rgb: 36, 41, 47; --nex-inverse-contrast: #fff; --nex-success-contrast: var(--nex-teal-contrast); --nex-success-rgb: var(--nex-teal-rgb); --nex-info-contrast: var(--nex-cyan-contrast); --nex-info-rgb: var(--nex-cyan-rgb); --nex-warning-contrast: var(--nex-orange-contrast); --nex-warning-rgb: var(--nex-orange-rgb); --nex-danger-contrast: var(--nex-red-contrast); --nex-danger-rgb: var(--nex-red-rgb); --nex-aqua-contrast: var(--nex-cyan-contrast); --nex-aqua-rgb: var(--nex-cyan-rgb); --nex-dark-contrast: var(--nex-inverse-contrast); --nex-dark-rgb: var(--nex-inverse-rgb); } [data-nex-theme=juris] { --nex-blue: #1f3a68; --nex-blue-rgb: 31, 58, 104; --nex-blue-contrast: #fff; --nex-indigo: #3a3f7a; --nex-indigo-rgb: 58, 63, 122; --nex-indigo-contrast: #fff; --nex-purple: #5e3a6e; --nex-purple-rgb: 94, 58, 110; --nex-purple-contrast: #fff; --nex-pink: #a3506a; --nex-pink-rgb: 163, 80, 106; --nex-pink-contrast: #fff; --nex-red: #8b1e2d; --nex-red-rgb: 139, 30, 45; --nex-red-contrast: #fff; --nex-orange: #b5652a; --nex-orange-rgb: 181, 101, 42; --nex-orange-contrast: #fff; --nex-yellow: #b8902f; --nex-yellow-rgb: 184, 144, 47; --nex-yellow-contrast: #fff; --nex-green: #2f6b4f; --nex-green-rgb: 47, 107, 79; --nex-green-contrast: #fff; --nex-teal: #2a6a6e; --nex-teal-rgb: 42, 106, 110; --nex-teal-contrast: #fff; --nex-cyan: #3a7f95; --nex-cyan-rgb: 58, 127, 149; --nex-cyan-contrast: #fff; --nex-lime: #7a8a3a; --nex-lime-rgb: 122, 138, 58; --nex-lime-contrast: #fff; --nex-inverse: #16213a; --nex-inverse-rgb: 22, 33, 58; --nex-inverse-contrast: #fff; --nex-success-contrast: var(--nex-teal-contrast); --nex-success-rgb: var(--nex-teal-rgb); --nex-info-contrast: var(--nex-cyan-contrast); --nex-info-rgb: var(--nex-cyan-rgb); --nex-warning-contrast: var(--nex-orange-contrast); --nex-warning-rgb: var(--nex-orange-rgb); --nex-danger-contrast: var(--nex-red-contrast); --nex-danger-rgb: var(--nex-red-rgb); --nex-aqua-contrast: var(--nex-cyan-contrast); --nex-aqua-rgb: var(--nex-cyan-rgb); --nex-dark-contrast: var(--nex-inverse-contrast); --nex-dark-rgb: var(--nex-inverse-rgb); } [data-nex-theme=compta] { --nex-blue: #2a5c9a; --nex-blue-rgb: 42, 92, 154; --nex-blue-contrast: #fff; --nex-indigo: #3e4a8a; --nex-indigo-rgb: 62, 74, 138; --nex-indigo-contrast: #fff; --nex-purple: #6a4a8a; --nex-purple-rgb: 106, 74, 138; --nex-purple-contrast: #fff; --nex-pink: #b04a72; --nex-pink-rgb: 176, 74, 114; --nex-pink-contrast: #fff; --nex-red: #c62828; --nex-red-rgb: 198, 40, 40; --nex-red-contrast: #fff; --nex-orange: #d9822b; --nex-orange-rgb: 217, 130, 43; --nex-orange-contrast: #fff; --nex-yellow: #d4a514; --nex-yellow-rgb: 212, 165, 20; --nex-yellow-contrast: #212529; --nex-green: #1e7b4f; --nex-green-rgb: 30, 123, 79; --nex-green-contrast: #fff; --nex-teal: #1f7a72; --nex-teal-rgb: 31, 122, 114; --nex-teal-contrast: #fff; --nex-cyan: #2a8aa8; --nex-cyan-rgb: 42, 138, 168; --nex-cyan-contrast: #fff; --nex-lime: #6fa83a; --nex-lime-rgb: 111, 168, 58; --nex-lime-contrast: #fff; --nex-inverse: #173a2b; --nex-inverse-rgb: 23, 58, 43; --nex-inverse-contrast: #fff; --nex-success-contrast: var(--nex-teal-contrast); --nex-success-rgb: var(--nex-teal-rgb); --nex-info-contrast: var(--nex-cyan-contrast); --nex-info-rgb: var(--nex-cyan-rgb); --nex-warning-contrast: var(--nex-orange-contrast); --nex-warning-rgb: var(--nex-orange-rgb); --nex-danger-contrast: var(--nex-red-contrast); --nex-danger-rgb: var(--nex-red-rgb); --nex-aqua-contrast: var(--nex-cyan-contrast); --nex-aqua-rgb: var(--nex-cyan-rgb); --nex-dark-contrast: var(--nex-inverse-contrast); --nex-dark-rgb: var(--nex-inverse-rgb); } [data-nex-theme=energie] { --nex-blue: #1e88e5; --nex-blue-rgb: 30, 136, 229; --nex-blue-contrast: #fff; --nex-indigo: #3f51b5; --nex-indigo-rgb: 63, 81, 181; --nex-indigo-contrast: #fff; --nex-purple: #7e57c2; --nex-purple-rgb: 126, 87, 194; --nex-purple-contrast: #fff; --nex-pink: #e85a9b; --nex-pink-rgb: 232, 90, 155; --nex-pink-contrast: #fff; --nex-red: #e53935; --nex-red-rgb: 229, 57, 53; --nex-red-contrast: #fff; --nex-orange: #f57c00; --nex-orange-rgb: 245, 124, 0; --nex-orange-contrast: #fff; --nex-yellow: #f5b301; --nex-yellow-rgb: 245, 179, 1; --nex-yellow-contrast: #212529; --nex-green: #2e9e5b; --nex-green-rgb: 46, 158, 91; --nex-green-contrast: #fff; --nex-teal: #00a19a; --nex-teal-rgb: 0, 161, 154; --nex-teal-contrast: #fff; --nex-cyan: #00b4d8; --nex-cyan-rgb: 0, 180, 216; --nex-cyan-contrast: #fff; --nex-lime: #8bc34a; --nex-lime-rgb: 139, 195, 74; --nex-lime-contrast: #fff; --nex-inverse: #0d1b2a; --nex-inverse-rgb: 13, 27, 42; --nex-inverse-contrast: #fff; --nex-success-contrast: var(--nex-teal-contrast); --nex-success-rgb: var(--nex-teal-rgb); --nex-info-contrast: var(--nex-cyan-contrast); --nex-info-rgb: var(--nex-cyan-rgb); --nex-warning-contrast: var(--nex-orange-contrast); --nex-warning-rgb: var(--nex-orange-rgb); --nex-danger-contrast: var(--nex-red-contrast); --nex-danger-rgb: var(--nex-red-rgb); --nex-aqua-contrast: var(--nex-cyan-contrast); --nex-aqua-rgb: var(--nex-cyan-rgb); --nex-dark-contrast: var(--nex-inverse-contrast); --nex-dark-rgb: var(--nex-inverse-rgb); } [data-nex-theme=scene] { --nex-blue: #2962ff; --nex-blue-rgb: 41, 98, 255; --nex-blue-contrast: #fff; --nex-indigo: #536dfe; --nex-indigo-rgb: 83, 109, 254; --nex-indigo-contrast: #fff; --nex-purple: #8e24aa; --nex-purple-rgb: 142, 36, 170; --nex-purple-contrast: #fff; --nex-pink: #ff2d95; --nex-pink-rgb: 255, 45, 149; --nex-pink-contrast: #fff; --nex-red: #e53935; --nex-red-rgb: 229, 57, 53; --nex-red-contrast: #fff; --nex-orange: #ff6d00; --nex-orange-rgb: 255, 109, 0; --nex-orange-contrast: #fff; --nex-yellow: #ffd600; --nex-yellow-rgb: 255, 214, 0; --nex-yellow-contrast: #212529; --nex-green: #00c853; --nex-green-rgb: 0, 200, 83; --nex-green-contrast: #212529; --nex-teal: #00bfa5; --nex-teal-rgb: 0, 191, 165; --nex-teal-contrast: #212529; --nex-cyan: #00b8d4; --nex-cyan-rgb: 0, 184, 212; --nex-cyan-contrast: #fff; --nex-lime: #aeea00; --nex-lime-rgb: 174, 234, 0; --nex-lime-contrast: #fff; --nex-inverse: #0a0a0a; --nex-inverse-rgb: 10, 10, 10; --nex-inverse-contrast: #fff; --nex-success-contrast: var(--nex-teal-contrast); --nex-success-rgb: var(--nex-teal-rgb); --nex-info-contrast: var(--nex-cyan-contrast); --nex-info-rgb: var(--nex-cyan-rgb); --nex-warning-contrast: var(--nex-orange-contrast); --nex-warning-rgb: var(--nex-orange-rgb); --nex-danger-contrast: var(--nex-red-contrast); --nex-danger-rgb: var(--nex-red-rgb); --nex-aqua-contrast: var(--nex-cyan-contrast); --nex-aqua-rgb: var(--nex-cyan-rgb); --nex-dark-contrast: var(--nex-inverse-contrast); --nex-dark-rgb: var(--nex-inverse-rgb); } [data-nex-theme=rosso] { --nex-blue: #1f4e9c; --nex-blue-rgb: 31, 78, 156; --nex-blue-contrast: #fff; --nex-indigo: #3d3f8f; --nex-indigo-rgb: 61, 63, 143; --nex-indigo-contrast: #fff; --nex-purple: #6b3a8c; --nex-purple-rgb: 107, 58, 140; --nex-purple-contrast: #fff; --nex-pink: #c8336e; --nex-pink-rgb: 200, 51, 110; --nex-pink-contrast: #fff; --nex-red: #d40000; --nex-red-rgb: 212, 0, 0; --nex-red-contrast: #fff; --nex-orange: #f26b1d; --nex-orange-rgb: 242, 107, 29; --nex-orange-contrast: #fff; --nex-yellow: #ffcc00; --nex-yellow-rgb: 255, 204, 0; --nex-yellow-contrast: #212529; --nex-green: #00843d; --nex-green-rgb: 0, 132, 61; --nex-green-contrast: #fff; --nex-teal: #00796b; --nex-teal-rgb: 0, 121, 107; --nex-teal-contrast: #fff; --nex-cyan: #1a8fb8; --nex-cyan-rgb: 26, 143, 184; --nex-cyan-contrast: #fff; --nex-lime: #7cb518; --nex-lime-rgb: 124, 181, 24; --nex-lime-contrast: #fff; --nex-inverse: #141414; --nex-inverse-rgb: 20, 20, 20; --nex-inverse-contrast: #fff; --nex-success-contrast: var(--nex-teal-contrast); --nex-success-rgb: var(--nex-teal-rgb); --nex-info-contrast: var(--nex-cyan-contrast); --nex-info-rgb: var(--nex-cyan-rgb); --nex-warning-contrast: var(--nex-orange-contrast); --nex-warning-rgb: var(--nex-orange-rgb); --nex-danger-contrast: var(--nex-red-contrast); --nex-danger-rgb: var(--nex-red-rgb); --nex-aqua-contrast: var(--nex-cyan-contrast); --nex-aqua-rgb: var(--nex-cyan-rgb); --nex-dark-contrast: var(--nex-inverse-contrast); --nex-dark-rgb: var(--nex-inverse-rgb); } [data-nex-theme=papaye] { --nex-blue: #1a73e8; --nex-blue-rgb: 26, 115, 232; --nex-blue-contrast: #fff; --nex-indigo: #3f4fb5; --nex-indigo-rgb: 63, 79, 181; --nex-indigo-contrast: #fff; --nex-purple: #7a4fc0; --nex-purple-rgb: 122, 79, 192; --nex-purple-contrast: #fff; --nex-pink: #e0457b; --nex-pink-rgb: 224, 69, 123; --nex-pink-contrast: #fff; --nex-red: #e0262f; --nex-red-rgb: 224, 38, 47; --nex-red-contrast: #fff; --nex-orange: #ff8000; --nex-orange-rgb: 255, 128, 0; --nex-orange-contrast: #fff; --nex-yellow: #ffc400; --nex-yellow-rgb: 255, 196, 0; --nex-yellow-contrast: #212529; --nex-green: #1f9d55; --nex-green-rgb: 31, 157, 85; --nex-green-contrast: #fff; --nex-teal: #00a19a; --nex-teal-rgb: 0, 161, 154; --nex-teal-contrast: #fff; --nex-cyan: #47c7fc; --nex-cyan-rgb: 71, 199, 252; --nex-cyan-contrast: #fff; --nex-lime: #8bc34a; --nex-lime-rgb: 139, 195, 74; --nex-lime-contrast: #fff; --nex-inverse: #1c1c1c; --nex-inverse-rgb: 28, 28, 28; --nex-inverse-contrast: #fff; --nex-success-contrast: var(--nex-teal-contrast); --nex-success-rgb: var(--nex-teal-rgb); --nex-info-contrast: var(--nex-cyan-contrast); --nex-info-rgb: var(--nex-cyan-rgb); --nex-warning-contrast: var(--nex-orange-contrast); --nex-warning-rgb: var(--nex-orange-rgb); --nex-danger-contrast: var(--nex-red-contrast); --nex-danger-rgb: var(--nex-red-rgb); --nex-aqua-contrast: var(--nex-cyan-contrast); --nex-aqua-rgb: var(--nex-cyan-rgb); --nex-dark-contrast: var(--nex-inverse-contrast); --nex-dark-rgb: var(--nex-inverse-rgb); } [data-nex-theme=taureau] { --nex-blue: #2f4fa3; --nex-blue-rgb: 47, 79, 163; --nex-blue-contrast: #fff; --nex-indigo: #3b3f8f; --nex-indigo-rgb: 59, 63, 143; --nex-indigo-contrast: #fff; --nex-purple: #6a4c9c; --nex-purple-rgb: 106, 76, 156; --nex-purple-contrast: #fff; --nex-pink: #d6336c; --nex-pink-rgb: 214, 51, 108; --nex-pink-contrast: #fff; --nex-red: #db0a40; --nex-red-rgb: 219, 10, 64; --nex-red-contrast: #fff; --nex-orange: #f47b20; --nex-orange-rgb: 244, 123, 32; --nex-orange-contrast: #fff; --nex-yellow: #ffc906; --nex-yellow-rgb: 255, 201, 6; --nex-yellow-contrast: #212529; --nex-green: #1f8a4c; --nex-green-rgb: 31, 138, 76; --nex-green-contrast: #fff; --nex-teal: #0f7f86; --nex-teal-rgb: 15, 127, 134; --nex-teal-contrast: #fff; --nex-cyan: #2a9fd6; --nex-cyan-rgb: 42, 159, 214; --nex-cyan-contrast: #fff; --nex-lime: #7cb342; --nex-lime-rgb: 124, 179, 66; --nex-lime-contrast: #fff; --nex-inverse: #0f1a3a; --nex-inverse-rgb: 15, 26, 58; --nex-inverse-contrast: #fff; --nex-success-contrast: var(--nex-teal-contrast); --nex-success-rgb: var(--nex-teal-rgb); --nex-info-contrast: var(--nex-cyan-contrast); --nex-info-rgb: var(--nex-cyan-rgb); --nex-warning-contrast: var(--nex-orange-contrast); --nex-warning-rgb: var(--nex-orange-rgb); --nex-danger-contrast: var(--nex-red-contrast); --nex-danger-rgb: var(--nex-red-rgb); --nex-aqua-contrast: var(--nex-cyan-contrast); --nex-aqua-rgb: var(--nex-cyan-rgb); --nex-dark-contrast: var(--nex-inverse-contrast); --nex-dark-rgb: var(--nex-inverse-rgb); } [data-nex-theme=chantier] { --nex-blue: #1f5fa8; --nex-blue-rgb: 31, 95, 168; --nex-blue-contrast: #fff; --nex-indigo: #3f4a9a; --nex-indigo-rgb: 63, 74, 154; --nex-indigo-contrast: #fff; --nex-purple: #6a4a9a; --nex-purple-rgb: 106, 74, 154; --nex-purple-contrast: #fff; --nex-pink: #c2457a; --nex-pink-rgb: 194, 69, 122; --nex-pink-contrast: #fff; --nex-red: #d32f2f; --nex-red-rgb: 211, 47, 47; --nex-red-contrast: #fff; --nex-orange: #ff7a00; --nex-orange-rgb: 255, 122, 0; --nex-orange-contrast: #fff; --nex-yellow: #f5b800; --nex-yellow-rgb: 245, 184, 0; --nex-yellow-contrast: #212529; --nex-green: #2e8b3e; --nex-green-rgb: 46, 139, 62; --nex-green-contrast: #fff; --nex-teal: #1f7f78; --nex-teal-rgb: 31, 127, 120; --nex-teal-contrast: #fff; --nex-cyan: #1e93b8; --nex-cyan-rgb: 30, 147, 184; --nex-cyan-contrast: #fff; --nex-lime: #8db72e; --nex-lime-rgb: 141, 183, 46; --nex-lime-contrast: #fff; --nex-inverse: #2b2b2b; --nex-inverse-rgb: 43, 43, 43; --nex-inverse-contrast: #fff; --nex-success-contrast: var(--nex-teal-contrast); --nex-success-rgb: var(--nex-teal-rgb); --nex-info-contrast: var(--nex-cyan-contrast); --nex-info-rgb: var(--nex-cyan-rgb); --nex-warning-contrast: var(--nex-orange-contrast); --nex-warning-rgb: var(--nex-orange-rgb); --nex-danger-contrast: var(--nex-red-contrast); --nex-danger-rgb: var(--nex-red-rgb); --nex-aqua-contrast: var(--nex-cyan-contrast); --nex-aqua-rgb: var(--nex-cyan-rgb); --nex-dark-contrast: var(--nex-inverse-contrast); --nex-dark-rgb: var(--nex-inverse-rgb); } [data-nex-theme=sante] { --nex-blue: #2a7de1; --nex-blue-rgb: 42, 125, 225; --nex-blue-contrast: #fff; --nex-indigo: #4a5fc9; --nex-indigo-rgb: 74, 95, 201; --nex-indigo-contrast: #fff; --nex-purple: #7b61c9; --nex-purple-rgb: 123, 97, 201; --nex-purple-contrast: #fff; --nex-pink: #d0608e; --nex-pink-rgb: 208, 96, 142; --nex-pink-contrast: #fff; --nex-red: #e04848; --nex-red-rgb: 224, 72, 72; --nex-red-contrast: #fff; --nex-orange: #f08a3c; --nex-orange-rgb: 240, 138, 60; --nex-orange-contrast: #fff; --nex-yellow: #e8b53a; --nex-yellow-rgb: 232, 181, 58; --nex-yellow-contrast: #212529; --nex-green: #3fae6a; --nex-green-rgb: 63, 174, 106; --nex-green-contrast: #fff; --nex-teal: #14a3a8; --nex-teal-rgb: 20, 163, 168; --nex-teal-contrast: #fff; --nex-cyan: #29b6d6; --nex-cyan-rgb: 41, 182, 214; --nex-cyan-contrast: #fff; --nex-lime: #8cc152; --nex-lime-rgb: 140, 193, 82; --nex-lime-contrast: #fff; --nex-inverse: #0f3d4a; --nex-inverse-rgb: 15, 61, 74; --nex-inverse-contrast: #fff; --nex-success-contrast: var(--nex-teal-contrast); --nex-success-rgb: var(--nex-teal-rgb); --nex-info-contrast: var(--nex-cyan-contrast); --nex-info-rgb: var(--nex-cyan-rgb); --nex-warning-contrast: var(--nex-orange-contrast); --nex-warning-rgb: var(--nex-orange-rgb); --nex-danger-contrast: var(--nex-red-contrast); --nex-danger-rgb: var(--nex-red-rgb); --nex-aqua-contrast: var(--nex-cyan-contrast); --nex-aqua-rgb: var(--nex-cyan-rgb); --nex-dark-contrast: var(--nex-inverse-contrast); --nex-dark-rgb: var(--nex-inverse-rgb); } [data-nex-theme=agro] { --nex-blue: #3d6f9e; --nex-blue-rgb: 61, 111, 158; --nex-blue-contrast: #fff; --nex-indigo: #4e5a95; --nex-indigo-rgb: 78, 90, 149; --nex-indigo-contrast: #fff; --nex-purple: #7a5a95; --nex-purple-rgb: 122, 90, 149; --nex-purple-contrast: #fff; --nex-pink: #c0607a; --nex-pink-rgb: 192, 96, 122; --nex-pink-contrast: #fff; --nex-red: #b8402e; --nex-red-rgb: 184, 64, 46; --nex-red-contrast: #fff; --nex-orange: #c8742c; --nex-orange-rgb: 200, 116, 44; --nex-orange-contrast: #fff; --nex-yellow: #e0b13a; --nex-yellow-rgb: 224, 177, 58; --nex-yellow-contrast: #212529; --nex-green: #4a7c2a; --nex-green-rgb: 74, 124, 42; --nex-green-contrast: #fff; --nex-teal: #2f7a6a; --nex-teal-rgb: 47, 122, 106; --nex-teal-contrast: #fff; --nex-cyan: #3a8fa8; --nex-cyan-rgb: 58, 143, 168; --nex-cyan-contrast: #fff; --nex-lime: #8aa832; --nex-lime-rgb: 138, 168, 50; --nex-lime-contrast: #fff; --nex-inverse: #1d2b15; --nex-inverse-rgb: 29, 43, 21; --nex-inverse-contrast: #fff; --nex-success-contrast: var(--nex-teal-contrast); --nex-success-rgb: var(--nex-teal-rgb); --nex-info-contrast: var(--nex-cyan-contrast); --nex-info-rgb: var(--nex-cyan-rgb); --nex-warning-contrast: var(--nex-orange-contrast); --nex-warning-rgb: var(--nex-orange-rgb); --nex-danger-contrast: var(--nex-red-contrast); --nex-danger-rgb: var(--nex-red-rgb); --nex-aqua-contrast: var(--nex-cyan-contrast); --nex-aqua-rgb: var(--nex-cyan-rgb); --nex-dark-contrast: var(--nex-inverse-contrast); --nex-dark-rgb: var(--nex-inverse-rgb); } [data-nex-theme=marine] { --nex-blue: #1f4e8c; --nex-blue-rgb: 31, 78, 140; --nex-blue-contrast: #fff; --nex-indigo: #344a8f; --nex-indigo-rgb: 52, 74, 143; --nex-indigo-contrast: #fff; --nex-purple: #5e4a8f; --nex-purple-rgb: 94, 74, 143; --nex-purple-contrast: #fff; --nex-pink: #c0507a; --nex-pink-rgb: 192, 80, 122; --nex-pink-contrast: #fff; --nex-red: #c8323c; --nex-red-rgb: 200, 50, 60; --nex-red-contrast: #fff; --nex-orange: #d97a2b; --nex-orange-rgb: 217, 122, 43; --nex-orange-contrast: #fff; --nex-yellow: #c9a34a; --nex-yellow-rgb: 201, 163, 74; --nex-yellow-contrast: #212529; --nex-green: #2f8a5a; --nex-green-rgb: 47, 138, 90; --nex-green-contrast: #fff; --nex-teal: #1f8a8a; --nex-teal-rgb: 31, 138, 138; --nex-teal-contrast: #fff; --nex-cyan: #2aa7c9; --nex-cyan-rgb: 42, 167, 201; --nex-cyan-contrast: #fff; --nex-lime: #7aaa3a; --nex-lime-rgb: 122, 170, 58; --nex-lime-contrast: #fff; --nex-inverse: #0b1c33; --nex-inverse-rgb: 11, 28, 51; --nex-inverse-contrast: #fff; --nex-success-contrast: var(--nex-teal-contrast); --nex-success-rgb: var(--nex-teal-rgb); --nex-info-contrast: var(--nex-cyan-contrast); --nex-info-rgb: var(--nex-cyan-rgb); --nex-warning-contrast: var(--nex-orange-contrast); --nex-warning-rgb: var(--nex-orange-rgb); --nex-danger-contrast: var(--nex-red-contrast); --nex-danger-rgb: var(--nex-red-rgb); --nex-aqua-contrast: var(--nex-cyan-contrast); --nex-aqua-rgb: var(--nex-cyan-rgb); --nex-dark-contrast: var(--nex-inverse-contrast); --nex-dark-rgb: var(--nex-inverse-rgb); } [data-nex-theme=atelier] { --nex-blue: #2f6fa8; --nex-blue-rgb: 47, 111, 168; --nex-blue-contrast: #fff; --nex-indigo: #43509a; --nex-indigo-rgb: 67, 80, 154; --nex-indigo-contrast: #fff; --nex-purple: #6a5096; --nex-purple-rgb: 106, 80, 150; --nex-purple-contrast: #fff; --nex-pink: #c04a78; --nex-pink-rgb: 192, 74, 120; --nex-pink-contrast: #fff; --nex-red: #d63b2f; --nex-red-rgb: 214, 59, 47; --nex-red-contrast: #fff; --nex-orange: #f26a1b; --nex-orange-rgb: 242, 106, 27; --nex-orange-contrast: #fff; --nex-yellow: #f2c200; --nex-yellow-rgb: 242, 194, 0; --nex-yellow-contrast: #212529; --nex-green: #3a8f45; --nex-green-rgb: 58, 143, 69; --nex-green-contrast: #fff; --nex-teal: #2a7f7a; --nex-teal-rgb: 42, 127, 122; --nex-teal-contrast: #fff; --nex-cyan: #2a92b5; --nex-cyan-rgb: 42, 146, 181; --nex-cyan-contrast: #fff; --nex-lime: #86b53a; --nex-lime-rgb: 134, 181, 58; --nex-lime-contrast: #fff; --nex-inverse: #22272c; --nex-inverse-rgb: 34, 39, 44; --nex-inverse-contrast: #fff; --nex-success-contrast: var(--nex-teal-contrast); --nex-success-rgb: var(--nex-teal-rgb); --nex-info-contrast: var(--nex-cyan-contrast); --nex-info-rgb: var(--nex-cyan-rgb); --nex-warning-contrast: var(--nex-orange-contrast); --nex-warning-rgb: var(--nex-orange-rgb); --nex-danger-contrast: var(--nex-red-contrast); --nex-danger-rgb: var(--nex-red-rgb); --nex-aqua-contrast: var(--nex-cyan-contrast); --nex-aqua-rgb: var(--nex-cyan-rgb); --nex-dark-contrast: var(--nex-inverse-contrast); --nex-dark-rgb: var(--nex-inverse-rgb); } [data-nex-theme=etudes] { --nex-blue: #1d5fa8; --nex-blue-rgb: 29, 95, 168; --nex-blue-contrast: #fff; --nex-indigo: #3a4fb0; --nex-indigo-rgb: 58, 79, 176; --nex-indigo-contrast: #fff; --nex-purple: #6650a8; --nex-purple-rgb: 102, 80, 168; --nex-purple-contrast: #fff; --nex-pink: #c4507e; --nex-pink-rgb: 196, 80, 126; --nex-pink-contrast: #fff; --nex-red: #d13c3c; --nex-red-rgb: 209, 60, 60; --nex-red-contrast: #fff; --nex-orange: #e07a2a; --nex-orange-rgb: 224, 122, 42; --nex-orange-contrast: #fff; --nex-yellow: #e0b030; --nex-yellow-rgb: 224, 176, 48; --nex-yellow-contrast: #212529; --nex-green: #2e8a55; --nex-green-rgb: 46, 138, 85; --nex-green-contrast: #fff; --nex-teal: #1f8585; --nex-teal-rgb: 31, 133, 133; --nex-teal-contrast: #fff; --nex-cyan: #2aa0c8; --nex-cyan-rgb: 42, 160, 200; --nex-cyan-contrast: #fff; --nex-lime: #7fb13a; --nex-lime-rgb: 127, 177, 58; --nex-lime-contrast: #fff; --nex-inverse: #0f2a4d; --nex-inverse-rgb: 15, 42, 77; --nex-inverse-contrast: #fff; --nex-success-contrast: var(--nex-teal-contrast); --nex-success-rgb: var(--nex-teal-rgb); --nex-info-contrast: var(--nex-cyan-contrast); --nex-info-rgb: var(--nex-cyan-rgb); --nex-warning-contrast: var(--nex-orange-contrast); --nex-warning-rgb: var(--nex-orange-rgb); --nex-danger-contrast: var(--nex-red-contrast); --nex-danger-rgb: var(--nex-red-rgb); --nex-aqua-contrast: var(--nex-cyan-contrast); --nex-aqua-rgb: var(--nex-cyan-rgb); --nex-dark-contrast: var(--nex-inverse-contrast); --nex-dark-rgb: var(--nex-inverse-rgb); } [data-nex-theme=foret] { --nex-blue: #3d6680; --nex-blue-rgb: 61, 102, 128; --nex-blue-contrast: #fff; --nex-indigo: #4a5a85; --nex-indigo-rgb: 74, 90, 133; --nex-indigo-contrast: #fff; --nex-purple: #6a5a80; --nex-purple-rgb: 106, 90, 128; --nex-purple-contrast: #fff; --nex-pink: #b05a72; --nex-pink-rgb: 176, 90, 114; --nex-pink-contrast: #fff; --nex-red: #b0442e; --nex-red-rgb: 176, 68, 46; --nex-red-contrast: #fff; --nex-orange: #c27a35; --nex-orange-rgb: 194, 122, 53; --nex-orange-contrast: #fff; --nex-yellow: #d0a53a; --nex-yellow-rgb: 208, 165, 58; --nex-yellow-contrast: #212529; --nex-green: #2f6b3a; --nex-green-rgb: 47, 107, 58; --nex-green-contrast: #fff; --nex-teal: #2e6e62; --nex-teal-rgb: 46, 110, 98; --nex-teal-contrast: #fff; --nex-cyan: #3a8596; --nex-cyan-rgb: 58, 133, 150; --nex-cyan-contrast: #fff; --nex-lime: #7d8f3a; --nex-lime-rgb: 125, 143, 58; --nex-lime-contrast: #fff; --nex-inverse: #142219; --nex-inverse-rgb: 20, 34, 25; --nex-inverse-contrast: #fff; --nex-success-contrast: var(--nex-teal-contrast); --nex-success-rgb: var(--nex-teal-rgb); --nex-info-contrast: var(--nex-cyan-contrast); --nex-info-rgb: var(--nex-cyan-rgb); --nex-warning-contrast: var(--nex-orange-contrast); --nex-warning-rgb: var(--nex-orange-rgb); --nex-danger-contrast: var(--nex-red-contrast); --nex-danger-rgb: var(--nex-red-rgb); --nex-aqua-contrast: var(--nex-cyan-contrast); --nex-aqua-rgb: var(--nex-cyan-rgb); --nex-dark-contrast: var(--nex-inverse-contrast); --nex-dark-rgb: var(--nex-inverse-rgb); } [data-nex-theme=ocean] { --nex-blue: #1565c0; --nex-blue-rgb: 21, 101, 192; --nex-blue-contrast: #fff; --nex-indigo: #3949ab; --nex-indigo-rgb: 57, 73, 171; --nex-indigo-contrast: #fff; --nex-purple: #6a4fb5; --nex-purple-rgb: 106, 79, 181; --nex-purple-contrast: #fff; --nex-pink: #d0587e; --nex-pink-rgb: 208, 88, 126; --nex-pink-contrast: #fff; --nex-red: #e0484a; --nex-red-rgb: 224, 72, 74; --nex-red-contrast: #fff; --nex-orange: #f0883a; --nex-orange-rgb: 240, 136, 58; --nex-orange-contrast: #fff; --nex-yellow: #f2c14e; --nex-yellow-rgb: 242, 193, 78; --nex-yellow-contrast: #212529; --nex-green: #2e9e6a; --nex-green-rgb: 46, 158, 106; --nex-green-contrast: #fff; --nex-teal: #14a39a; --nex-teal-rgb: 20, 163, 154; --nex-teal-contrast: #fff; --nex-cyan: #0a7ea4; --nex-cyan-rgb: 10, 126, 164; --nex-cyan-contrast: #fff; --nex-lime: #7cc35a; --nex-lime-rgb: 124, 195, 90; --nex-lime-contrast: #fff; --nex-inverse: #082236; --nex-inverse-rgb: 8, 34, 54; --nex-inverse-contrast: #fff; --nex-success-contrast: var(--nex-teal-contrast); --nex-success-rgb: var(--nex-teal-rgb); --nex-info-contrast: var(--nex-cyan-contrast); --nex-info-rgb: var(--nex-cyan-rgb); --nex-warning-contrast: var(--nex-orange-contrast); --nex-warning-rgb: var(--nex-orange-rgb); --nex-danger-contrast: var(--nex-red-contrast); --nex-danger-rgb: var(--nex-red-rgb); --nex-aqua-contrast: var(--nex-cyan-contrast); --nex-aqua-rgb: var(--nex-cyan-rgb); --nex-dark-contrast: var(--nex-inverse-contrast); --nex-dark-rgb: var(--nex-inverse-rgb); } [data-nex-theme=aurore] { --nex-blue: #6f9de0; --nex-blue-rgb: 111, 157, 224; --nex-blue-contrast: #212529; --nex-indigo: #7d86d8; --nex-indigo-rgb: 125, 134, 216; --nex-indigo-contrast: #fff; --nex-purple: #9d7ad6; --nex-purple-rgb: 157, 122, 214; --nex-purple-contrast: #fff; --nex-pink: #e86f8f; --nex-pink-rgb: 232, 111, 143; --nex-pink-contrast: #fff; --nex-red: #e05a5a; --nex-red-rgb: 224, 90, 90; --nex-red-contrast: #fff; --nex-orange: #f39a6b; --nex-orange-rgb: 243, 154, 107; --nex-orange-contrast: #fff; --nex-yellow: #f2c46d; --nex-yellow-rgb: 242, 196, 109; --nex-yellow-contrast: #212529; --nex-green: #5fb58a; --nex-green-rgb: 95, 181, 138; --nex-green-contrast: #212529; --nex-teal: #4fb0a8; --nex-teal-rgb: 79, 176, 168; --nex-teal-contrast: #212529; --nex-cyan: #5ab8d6; --nex-cyan-rgb: 90, 184, 214; --nex-cyan-contrast: #fff; --nex-lime: #a8c860; --nex-lime-rgb: 168, 200, 96; --nex-lime-contrast: #fff; --nex-inverse: #3a2e45; --nex-inverse-rgb: 58, 46, 69; --nex-inverse-contrast: #fff; --nex-success-contrast: var(--nex-teal-contrast); --nex-success-rgb: var(--nex-teal-rgb); --nex-info-contrast: var(--nex-cyan-contrast); --nex-info-rgb: var(--nex-cyan-rgb); --nex-warning-contrast: var(--nex-orange-contrast); --nex-warning-rgb: var(--nex-orange-rgb); --nex-danger-contrast: var(--nex-red-contrast); --nex-danger-rgb: var(--nex-red-rgb); --nex-aqua-contrast: var(--nex-cyan-contrast); --nex-aqua-rgb: var(--nex-cyan-rgb); --nex-dark-contrast: var(--nex-inverse-contrast); --nex-dark-rgb: var(--nex-inverse-rgb); } [data-nex-theme=mineral] { --nex-blue: #46637f; --nex-blue-rgb: 70, 99, 127; --nex-blue-contrast: #fff; --nex-indigo: #525a85; --nex-indigo-rgb: 82, 90, 133; --nex-indigo-contrast: #fff; --nex-purple: #6b5a8a; --nex-purple-rgb: 107, 90, 138; --nex-purple-contrast: #fff; --nex-pink: #a5587a; --nex-pink-rgb: 165, 88, 122; --nex-pink-contrast: #fff; --nex-red: #a54848; --nex-red-rgb: 165, 72, 72; --nex-red-contrast: #fff; --nex-orange: #b8743a; --nex-orange-rgb: 184, 116, 58; --nex-orange-contrast: #fff; --nex-yellow: #b8983a; --nex-yellow-rgb: 184, 152, 58; --nex-yellow-contrast: #212529; --nex-green: #5a7a52; --nex-green-rgb: 90, 122, 82; --nex-green-contrast: #fff; --nex-teal: #3f7a74; --nex-teal-rgb: 63, 122, 116; --nex-teal-contrast: #fff; --nex-cyan: #4a8396; --nex-cyan-rgb: 74, 131, 150; --nex-cyan-contrast: #fff; --nex-lime: #7a8a4a; --nex-lime-rgb: 122, 138, 74; --nex-lime-contrast: #fff; --nex-inverse: #262b30; --nex-inverse-rgb: 38, 43, 48; --nex-inverse-contrast: #fff; --nex-success-contrast: var(--nex-teal-contrast); --nex-success-rgb: var(--nex-teal-rgb); --nex-info-contrast: var(--nex-cyan-contrast); --nex-info-rgb: var(--nex-cyan-rgb); --nex-warning-contrast: var(--nex-orange-contrast); --nex-warning-rgb: var(--nex-orange-rgb); --nex-danger-contrast: var(--nex-red-contrast); --nex-danger-rgb: var(--nex-red-rgb); --nex-aqua-contrast: var(--nex-cyan-contrast); --nex-aqua-rgb: var(--nex-cyan-rgb); --nex-dark-contrast: var(--nex-inverse-contrast); --nex-dark-rgb: var(--nex-inverse-rgb); } [data-nex-theme=encre] { --nex-blue: #1f4f8f; --nex-blue-rgb: 31, 79, 143; --nex-blue-contrast: #fff; --nex-indigo: #3a3f80; --nex-indigo-rgb: 58, 63, 128; --nex-indigo-contrast: #fff; --nex-purple: #5e3a7a; --nex-purple-rgb: 94, 58, 122; --nex-purple-contrast: #fff; --nex-pink: #b03a6a; --nex-pink-rgb: 176, 58, 106; --nex-pink-contrast: #fff; --nex-red: #c4161c; --nex-red-rgb: 196, 22, 28; --nex-red-contrast: #fff; --nex-orange: #d0641e; --nex-orange-rgb: 208, 100, 30; --nex-orange-contrast: #fff; --nex-yellow: #c9a227; --nex-yellow-rgb: 201, 162, 39; --nex-yellow-contrast: #212529; --nex-green: #2f6b3a; --nex-green-rgb: 47, 107, 58; --nex-green-contrast: #fff; --nex-teal: #2a6a6a; --nex-teal-rgb: 42, 106, 106; --nex-teal-contrast: #fff; --nex-cyan: #2a7a9a; --nex-cyan-rgb: 42, 122, 154; --nex-cyan-contrast: #fff; --nex-lime: #6a8a2a; --nex-lime-rgb: 106, 138, 42; --nex-lime-contrast: #fff; --nex-inverse: #111111; --nex-inverse-rgb: 17, 17, 17; --nex-inverse-contrast: #fff; --nex-success-contrast: var(--nex-teal-contrast); --nex-success-rgb: var(--nex-teal-rgb); --nex-info-contrast: var(--nex-cyan-contrast); --nex-info-rgb: var(--nex-cyan-rgb); --nex-warning-contrast: var(--nex-orange-contrast); --nex-warning-rgb: var(--nex-orange-rgb); --nex-danger-contrast: var(--nex-red-contrast); --nex-danger-rgb: var(--nex-red-rgb); --nex-aqua-contrast: var(--nex-cyan-contrast); --nex-aqua-rgb: var(--nex-cyan-rgb); --nex-dark-contrast: var(--nex-inverse-contrast); --nex-dark-rgb: var(--nex-inverse-rgb); } [data-nex-theme=emeraude] { --nex-blue: #2a5c9a; --nex-blue-rgb: 42, 92, 154; --nex-blue-contrast: #fff; --nex-indigo: #3a4a8a; --nex-indigo-rgb: 58, 74, 138; --nex-indigo-contrast: #fff; --nex-purple: #5e4a8a; --nex-purple-rgb: 94, 74, 138; --nex-purple-contrast: #fff; --nex-pink: #b04a72; --nex-pink-rgb: 176, 74, 114; --nex-pink-contrast: #fff; --nex-red: #c0392b; --nex-red-rgb: 192, 57, 43; --nex-red-contrast: #fff; --nex-orange: #d9822b; --nex-orange-rgb: 217, 130, 43; --nex-orange-contrast: #fff; --nex-yellow: #d4af37; --nex-yellow-rgb: 212, 175, 55; --nex-yellow-contrast: #212529; --nex-green: #0b5d3b; --nex-green-rgb: 11, 93, 59; --nex-green-contrast: #fff; --nex-teal: #1a7a6a; --nex-teal-rgb: 26, 122, 106; --nex-teal-contrast: #fff; --nex-cyan: #2a8aa8; --nex-cyan-rgb: 42, 138, 168; --nex-cyan-contrast: #fff; --nex-lime: #7aa83a; --nex-lime-rgb: 122, 168, 58; --nex-lime-contrast: #fff; --nex-inverse: #071d14; --nex-inverse-rgb: 7, 29, 20; --nex-inverse-contrast: #fff; --nex-success-contrast: var(--nex-teal-contrast); --nex-success-rgb: var(--nex-teal-rgb); --nex-info-contrast: var(--nex-cyan-contrast); --nex-info-rgb: var(--nex-cyan-rgb); --nex-warning-contrast: var(--nex-orange-contrast); --nex-warning-rgb: var(--nex-orange-rgb); --nex-danger-contrast: var(--nex-red-contrast); --nex-danger-rgb: var(--nex-red-rgb); --nex-aqua-contrast: var(--nex-cyan-contrast); --nex-aqua-rgb: var(--nex-cyan-rgb); --nex-dark-contrast: var(--nex-inverse-contrast); --nex-dark-rgb: var(--nex-inverse-rgb); } [data-nex-theme=argent] { --nex-blue: #2a6fd6; --nex-blue-rgb: 42, 111, 214; --nex-blue-contrast: #fff; --nex-indigo: #4a5ac0; --nex-indigo-rgb: 74, 90, 192; --nex-indigo-contrast: #fff; --nex-purple: #7a5ac0; --nex-purple-rgb: 122, 90, 192; --nex-purple-contrast: #fff; --nex-pink: #d04a8a; --nex-pink-rgb: 208, 74, 138; --nex-pink-contrast: #fff; --nex-red: #e0303a; --nex-red-rgb: 224, 48, 58; --nex-red-contrast: #fff; --nex-orange: #f08030; --nex-orange-rgb: 240, 128, 48; --nex-orange-contrast: #fff; --nex-yellow: #f0c030; --nex-yellow-rgb: 240, 192, 48; --nex-yellow-contrast: #212529; --nex-green: #2ea05a; --nex-green-rgb: 46, 160, 90; --nex-green-contrast: #fff; --nex-teal: #00a19b; --nex-teal-rgb: 0, 161, 155; --nex-teal-contrast: #fff; --nex-cyan: #22b8d8; --nex-cyan-rgb: 34, 184, 216; --nex-cyan-contrast: #fff; --nex-lime: #8ac040; --nex-lime-rgb: 138, 192, 64; --nex-lime-contrast: #fff; --nex-inverse: #101112; --nex-inverse-rgb: 16, 17, 18; --nex-inverse-contrast: #fff; --nex-success-contrast: var(--nex-teal-contrast); --nex-success-rgb: var(--nex-teal-rgb); --nex-info-contrast: var(--nex-cyan-contrast); --nex-info-rgb: var(--nex-cyan-rgb); --nex-warning-contrast: var(--nex-orange-contrast); --nex-warning-rgb: var(--nex-orange-rgb); --nex-danger-contrast: var(--nex-red-contrast); --nex-danger-rgb: var(--nex-red-rgb); --nex-aqua-contrast: var(--nex-cyan-contrast); --nex-aqua-rgb: var(--nex-cyan-rgb); --nex-dark-contrast: var(--nex-inverse-contrast); --nex-dark-rgb: var(--nex-inverse-rgb); } [data-nex-theme=rallye] { --nex-blue: #0d47a1; --nex-blue-rgb: 13, 71, 161; --nex-blue-contrast: #fff; --nex-indigo: #3949ab; --nex-indigo-rgb: 57, 73, 171; --nex-indigo-contrast: #fff; --nex-purple: #6a4fb5; --nex-purple-rgb: 106, 79, 181; --nex-purple-contrast: #fff; --nex-pink: #d0457a; --nex-pink-rgb: 208, 69, 122; --nex-pink-contrast: #fff; --nex-red: #d62828; --nex-red-rgb: 214, 40, 40; --nex-red-contrast: #fff; --nex-orange: #f77f00; --nex-orange-rgb: 247, 127, 0; --nex-orange-contrast: #fff; --nex-yellow: #ffcc00; --nex-yellow-rgb: 255, 204, 0; --nex-yellow-contrast: #212529; --nex-green: #2a9d55; --nex-green-rgb: 42, 157, 85; --nex-green-contrast: #fff; --nex-teal: #1f8a8a; --nex-teal-rgb: 31, 138, 138; --nex-teal-contrast: #fff; --nex-cyan: #1e9fd0; --nex-cyan-rgb: 30, 159, 208; --nex-cyan-contrast: #fff; --nex-lime: #8ab83a; --nex-lime-rgb: 138, 184, 58; --nex-lime-contrast: #fff; --nex-inverse: #08214d; --nex-inverse-rgb: 8, 33, 77; --nex-inverse-contrast: #fff; --nex-success-contrast: var(--nex-teal-contrast); --nex-success-rgb: var(--nex-teal-rgb); --nex-info-contrast: var(--nex-cyan-contrast); --nex-info-rgb: var(--nex-cyan-rgb); --nex-warning-contrast: var(--nex-orange-contrast); --nex-warning-rgb: var(--nex-orange-rgb); --nex-danger-contrast: var(--nex-red-contrast); --nex-danger-rgb: var(--nex-red-rgb); --nex-aqua-contrast: var(--nex-cyan-contrast); --nex-aqua-rgb: var(--nex-cyan-rgb); --nex-dark-contrast: var(--nex-inverse-contrast); --nex-dark-rgb: var(--nex-inverse-rgb); } [data-nex-theme=minitel] { --nex-blue: #3d6bff; --nex-blue-rgb: 61, 107, 255; --nex-blue-contrast: #fff; --nex-indigo: #7a6bff; --nex-indigo-rgb: 122, 107, 255; --nex-indigo-contrast: #fff; --nex-purple: #c45cff; --nex-purple-rgb: 196, 92, 255; --nex-purple-contrast: #fff; --nex-pink: #ff4fd8; --nex-pink-rgb: 255, 79, 216; --nex-pink-contrast: #fff; --nex-red: #ff3b3b; --nex-red-rgb: 255, 59, 59; --nex-red-contrast: #fff; --nex-orange: #ff9a2a; --nex-orange-rgb: 255, 154, 42; --nex-orange-contrast: #fff; --nex-yellow: #ffee33; --nex-yellow-rgb: 255, 238, 51; --nex-yellow-contrast: #212529; --nex-green: #33ff66; --nex-green-rgb: 51, 255, 102; --nex-green-contrast: #212529; --nex-teal: #22e0c0; --nex-teal-rgb: 34, 224, 192; --nex-teal-contrast: #212529; --nex-cyan: #33ffff; --nex-cyan-rgb: 51, 255, 255; --nex-cyan-contrast: #fff; --nex-lime: #a0ff33; --nex-lime-rgb: 160, 255, 51; --nex-lime-contrast: #fff; --nex-inverse: #0b0b0b; --nex-inverse-rgb: 11, 11, 11; --nex-inverse-contrast: #fff; --nex-success-contrast: var(--nex-teal-contrast); --nex-success-rgb: var(--nex-teal-rgb); --nex-info-contrast: var(--nex-cyan-contrast); --nex-info-rgb: var(--nex-cyan-rgb); --nex-warning-contrast: var(--nex-orange-contrast); --nex-warning-rgb: var(--nex-orange-rgb); --nex-danger-contrast: var(--nex-red-contrast); --nex-danger-rgb: var(--nex-red-rgb); --nex-aqua-contrast: var(--nex-cyan-contrast); --nex-aqua-rgb: var(--nex-cyan-rgb); --nex-dark-contrast: var(--nex-inverse-contrast); --nex-dark-rgb: var(--nex-inverse-rgb); } [data-nex-theme=polaroid] { --nex-blue: #6c8fb3; --nex-blue-rgb: 108, 143, 179; --nex-blue-contrast: #fff; --nex-indigo: #6f74a8; --nex-indigo-rgb: 111, 116, 168; --nex-indigo-contrast: #fff; --nex-purple: #8a6fa8; --nex-purple-rgb: 138, 111, 168; --nex-purple-contrast: #fff; --nex-pink: #c97a95; --nex-pink-rgb: 201, 122, 149; --nex-pink-contrast: #fff; --nex-red: #c96a5a; --nex-red-rgb: 201, 106, 90; --nex-red-contrast: #fff; --nex-orange: #d9894a; --nex-orange-rgb: 217, 137, 74; --nex-orange-contrast: #fff; --nex-yellow: #e6c068; --nex-yellow-rgb: 230, 192, 104; --nex-yellow-contrast: #212529; --nex-green: #7aa36a; --nex-green-rgb: 122, 163, 106; --nex-green-contrast: #fff; --nex-teal: #5f9e94; --nex-teal-rgb: 95, 158, 148; --nex-teal-contrast: #fff; --nex-cyan: #5aa0b8; --nex-cyan-rgb: 90, 160, 184; --nex-cyan-contrast: #fff; --nex-lime: #a8b860; --nex-lime-rgb: 168, 184, 96; --nex-lime-contrast: #fff; --nex-inverse: #2c2520; --nex-inverse-rgb: 44, 37, 32; --nex-inverse-contrast: #fff; --nex-success-contrast: var(--nex-teal-contrast); --nex-success-rgb: var(--nex-teal-rgb); --nex-info-contrast: var(--nex-cyan-contrast); --nex-info-rgb: var(--nex-cyan-rgb); --nex-warning-contrast: var(--nex-orange-contrast); --nex-warning-rgb: var(--nex-orange-rgb); --nex-danger-contrast: var(--nex-red-contrast); --nex-danger-rgb: var(--nex-red-rgb); --nex-aqua-contrast: var(--nex-cyan-contrast); --nex-aqua-rgb: var(--nex-cyan-rgb); --nex-dark-contrast: var(--nex-inverse-contrast); --nex-dark-rgb: var(--nex-inverse-rgb); } [data-nex-theme=arcade] { --nex-blue: #2b4bff; --nex-blue-rgb: 43, 75, 255; --nex-blue-contrast: #fff; --nex-indigo: #6a5aff; --nex-indigo-rgb: 106, 90, 255; --nex-indigo-contrast: #fff; --nex-purple: #b45aff; --nex-purple-rgb: 180, 90, 255; --nex-purple-contrast: #fff; --nex-pink: #ff7ad9; --nex-pink-rgb: 255, 122, 217; --nex-pink-contrast: #212529; --nex-red: #ff2a2a; --nex-red-rgb: 255, 42, 42; --nex-red-contrast: #fff; --nex-orange: #ff9a1f; --nex-orange-rgb: 255, 154, 31; --nex-orange-contrast: #fff; --nex-yellow: #ffd800; --nex-yellow-rgb: 255, 216, 0; --nex-yellow-contrast: #212529; --nex-green: #33dd55; --nex-green-rgb: 51, 221, 85; --nex-green-contrast: #212529; --nex-teal: #22d8b0; --nex-teal-rgb: 34, 216, 176; --nex-teal-contrast: #212529; --nex-cyan: #2de2ff; --nex-cyan-rgb: 45, 226, 255; --nex-cyan-contrast: #fff; --nex-lime: #a8ff2a; --nex-lime-rgb: 168, 255, 42; --nex-lime-contrast: #fff; --nex-inverse: #000000; --nex-inverse-rgb: 0, 0, 0; --nex-inverse-contrast: #fff; --nex-success-contrast: var(--nex-teal-contrast); --nex-success-rgb: var(--nex-teal-rgb); --nex-info-contrast: var(--nex-cyan-contrast); --nex-info-rgb: var(--nex-cyan-rgb); --nex-warning-contrast: var(--nex-orange-contrast); --nex-warning-rgb: var(--nex-orange-rgb); --nex-danger-contrast: var(--nex-red-contrast); --nex-danger-rgb: var(--nex-red-rgb); --nex-aqua-contrast: var(--nex-cyan-contrast); --nex-aqua-rgb: var(--nex-cyan-rgb); --nex-dark-contrast: var(--nex-inverse-contrast); --nex-dark-rgb: var(--nex-inverse-rgb); } [data-nex-theme=terminal] { --nex-blue: #3d9bff; --nex-blue-rgb: 61, 155, 255; --nex-blue-contrast: #fff; --nex-indigo: #8a7dff; --nex-indigo-rgb: 138, 125, 255; --nex-indigo-contrast: #fff; --nex-purple: #c46bff; --nex-purple-rgb: 196, 107, 255; --nex-purple-contrast: #fff; --nex-pink: #ff4fb8; --nex-pink-rgb: 255, 79, 184; --nex-pink-contrast: #fff; --nex-red: #ff3b3b; --nex-red-rgb: 255, 59, 59; --nex-red-contrast: #fff; --nex-orange: #ffb000; --nex-orange-rgb: 255, 176, 0; --nex-orange-contrast: #fff; --nex-yellow: #e8ff3a; --nex-yellow-rgb: 232, 255, 58; --nex-yellow-contrast: #212529; --nex-green: #00ff41; --nex-green-rgb: 0, 255, 65; --nex-green-contrast: #212529; --nex-teal: #00e6a0; --nex-teal-rgb: 0, 230, 160; --nex-teal-contrast: #212529; --nex-cyan: #00e5ff; --nex-cyan-rgb: 0, 229, 255; --nex-cyan-contrast: #fff; --nex-lime: #7dff3a; --nex-lime-rgb: 125, 255, 58; --nex-lime-contrast: #fff; --nex-inverse: #000000; --nex-inverse-rgb: 0, 0, 0; --nex-inverse-contrast: #fff; --nex-success-contrast: var(--nex-teal-contrast); --nex-success-rgb: var(--nex-teal-rgb); --nex-info-contrast: var(--nex-cyan-contrast); --nex-info-rgb: var(--nex-cyan-rgb); --nex-warning-contrast: var(--nex-orange-contrast); --nex-warning-rgb: var(--nex-orange-rgb); --nex-danger-contrast: var(--nex-red-contrast); --nex-danger-rgb: var(--nex-red-rgb); --nex-aqua-contrast: var(--nex-cyan-contrast); --nex-aqua-rgb: var(--nex-cyan-rgb); --nex-dark-contrast: var(--nex-inverse-contrast); --nex-dark-rgb: var(--nex-inverse-rgb); } [data-nex-theme=pastel][data-bs-theme=dark] { --nex-blue: #89b4fa; --nex-blue-rgb: 137, 180, 250; --nex-blue-contrast: #212529; --nex-indigo: #b4befe; --nex-indigo-rgb: 180, 190, 254; --nex-indigo-contrast: #212529; --nex-purple: #cba6f7; --nex-purple-rgb: 203, 166, 247; --nex-purple-contrast: #212529; --nex-pink: #f5c2e7; --nex-pink-rgb: 245, 194, 231; --nex-pink-contrast: #212529; --nex-red: #f38ba8; --nex-red-rgb: 243, 139, 168; --nex-red-contrast: #212529; --nex-orange: #fab387; --nex-orange-rgb: 250, 179, 135; --nex-orange-contrast: #212529; --nex-yellow: #f9e2af; --nex-yellow-rgb: 249, 226, 175; --nex-yellow-contrast: #212529; --nex-green: #a6e3a1; --nex-green-rgb: 166, 227, 161; --nex-green-contrast: #212529; --nex-teal: #94e2d5; --nex-teal-rgb: 148, 226, 213; --nex-teal-contrast: #212529; --nex-cyan: #89dceb; --nex-cyan-rgb: 137, 220, 235; --nex-cyan-contrast: #212529; --nex-gray: #a6adc8; --nex-gray-rgb: 166, 173, 200; --nex-gray-contrast: #212529; --nex-inverse: #11111b; --nex-inverse-rgb: 17, 17, 27; --nex-inverse-contrast: #fff; } [data-nex-theme=bitmap][data-bs-theme=dark] { --nex-inverse: #ffffff; --nex-inverse-rgb: 255, 255, 255; --nex-inverse-contrast: #212529; } [data-nex-theme=code][data-bs-theme=dark] { --nex-blue: #2f81f7; --nex-blue-rgb: 47, 129, 247; --nex-blue-contrast: #fff; --nex-indigo: #8b7cf6; --nex-indigo-rgb: 139, 124, 246; --nex-indigo-contrast: #fff; --nex-purple: #a371f7; --nex-purple-rgb: 163, 113, 247; --nex-purple-contrast: #fff; --nex-pink: #db61a2; --nex-pink-rgb: 219, 97, 162; --nex-pink-contrast: #fff; --nex-red: #f85149; --nex-red-rgb: 248, 81, 73; --nex-red-contrast: #fff; --nex-orange: #db6d28; --nex-orange-rgb: 219, 109, 40; --nex-orange-contrast: #fff; --nex-yellow: #d29922; --nex-yellow-rgb: 210, 153, 34; --nex-yellow-contrast: #212529; --nex-green: #3fb950; --nex-green-rgb: 63, 185, 80; --nex-green-contrast: #212529; --nex-teal: #39c5cf; --nex-teal-rgb: 57, 197, 207; --nex-teal-contrast: #212529; --nex-cyan: #56d4dd; --nex-cyan-rgb: 86, 212, 221; --nex-cyan-contrast: #212529; --nex-lime: #7ee787; --nex-lime-rgb: 126, 231, 135; --nex-lime-contrast: #212529; --nex-inverse: #010409; --nex-inverse-rgb: 1, 4, 9; --nex-inverse-contrast: #fff; } [data-nex-theme=taureau][data-bs-theme=dark] { --nex-blue: #4d6fd1; --nex-blue-rgb: 77, 111, 209; --nex-blue-contrast: #fff; } [data-nex-theme=marine][data-bs-theme=dark] { --nex-blue: #3f78c4; --nex-blue-rgb: 63, 120, 196; --nex-blue-contrast: #fff; } [data-nex-theme=etudes][data-bs-theme=dark] { --nex-blue: #3f86d6; --nex-blue-rgb: 63, 134, 214; --nex-blue-contrast: #fff; } [data-nex-theme=rallye][data-bs-theme=dark] { --nex-blue: #3a74d0; --nex-blue-rgb: 58, 116, 208; --nex-blue-contrast: #fff; } [data-nex-theme=emeraude][data-bs-theme=dark] { --nex-green: #1f8a5a; --nex-green-rgb: 31, 138, 90; --nex-green-contrast: #fff; } [data-nex-theme=foret][data-bs-theme=dark] { --nex-green: #3f8a4c; --nex-green-rgb: 63, 138, 76; --nex-green-contrast: #fff; } [data-nex-theme=encre][data-bs-theme=dark] { --nex-inverse: #f0f0f0; --nex-inverse-rgb: 240, 240, 240; --nex-inverse-contrast: #212529; --nex-red: #e0383e; --nex-red-rgb: 224, 56, 62; --nex-red-contrast: #fff; } [data-nex-theme=retro][data-bs-theme=dark] { --nex-blue: #3a6fc4; --nex-blue-rgb: 58, 111, 196; --nex-blue-contrast: #fff; } [data-nex-theme=cosmos][data-bs-theme=dark] { --nex-blue: #4d7cfe; --nex-blue-rgb: 77, 124, 254; --nex-blue-contrast: #fff; --nex-indigo: #7c5cff; --nex-indigo-rgb: 124, 92, 255; --nex-indigo-contrast: #fff; --nex-purple: #b35cff; --nex-purple-rgb: 179, 92, 255; --nex-purple-contrast: #fff; --nex-pink: #ff4fa3; --nex-pink-rgb: 255, 79, 163; --nex-pink-contrast: #fff; --nex-red: #ff5c6c; --nex-red-rgb: 255, 92, 108; --nex-red-contrast: #fff; --nex-orange: #ff9f43; --nex-orange-rgb: 255, 159, 67; --nex-orange-contrast: #212529; --nex-yellow: #ffd166; --nex-yellow-rgb: 255, 209, 102; --nex-yellow-contrast: #212529; --nex-green: #2fe39a; --nex-green-rgb: 47, 227, 154; --nex-green-contrast: #212529; --nex-teal: #20d5c4; --nex-teal-rgb: 32, 213, 196; --nex-teal-contrast: #212529; --nex-cyan: #38bdf8; --nex-cyan-rgb: 56, 189, 248; --nex-cyan-contrast: #212529; --nex-lime: #a3e635; --nex-lime-rgb: 163, 230, 53; --nex-lime-contrast: #212529; --nex-inverse: #070914; --nex-inverse-rgb: 7, 9, 20; --nex-inverse-contrast: #fff; } [data-nex-theme=terminal][data-bs-theme=dark] { --nex-blue: #3d9bff; --nex-blue-rgb: 61, 155, 255; --nex-blue-contrast: #fff; --nex-indigo: #8a7dff; --nex-indigo-rgb: 138, 125, 255; --nex-indigo-contrast: #fff; --nex-purple: #c46bff; --nex-purple-rgb: 196, 107, 255; --nex-purple-contrast: #fff; --nex-pink: #ff4fb8; --nex-pink-rgb: 255, 79, 184; --nex-pink-contrast: #fff; --nex-red: #ff3b3b; --nex-red-rgb: 255, 59, 59; --nex-red-contrast: #fff; --nex-orange: #ffb000; --nex-orange-rgb: 255, 176, 0; --nex-orange-contrast: #212529; --nex-yellow: #e8ff3a; --nex-yellow-rgb: 232, 255, 58; --nex-yellow-contrast: #212529; --nex-green: #00ff41; --nex-green-rgb: 0, 255, 65; --nex-green-contrast: #212529; --nex-teal: #00e6a0; --nex-teal-rgb: 0, 230, 160; --nex-teal-contrast: #212529; --nex-cyan: #00e5ff; --nex-cyan-rgb: 0, 229, 255; --nex-cyan-contrast: #212529; --nex-lime: #7dff3a; --nex-lime-rgb: 125, 255, 58; --nex-lime-contrast: #212529; --nex-inverse: #000000; --nex-inverse-rgb: 0, 0, 0; --nex-inverse-contrast: #fff; } [data-nex-theme=neon][data-bs-theme=dark] { --nex-blue: #3d7bff; --nex-blue-rgb: 61, 123, 255; --nex-blue-contrast: #fff; --nex-indigo: #7b5cff; --nex-indigo-rgb: 123, 92, 255; --nex-indigo-contrast: #fff; --nex-purple: #b14aff; --nex-purple-rgb: 177, 74, 255; --nex-purple-contrast: #fff; --nex-pink: #ff2bd6; --nex-pink-rgb: 255, 43, 214; --nex-pink-contrast: #fff; --nex-red: #ff3d6e; --nex-red-rgb: 255, 61, 110; --nex-red-contrast: #fff; --nex-orange: #ff8a3d; --nex-orange-rgb: 255, 138, 61; --nex-orange-contrast: #212529; --nex-yellow: #ffe14d; --nex-yellow-rgb: 255, 225, 77; --nex-yellow-contrast: #212529; --nex-green: #3dff8b; --nex-green-rgb: 61, 255, 139; --nex-green-contrast: #212529; --nex-teal: #00d9c0; --nex-teal-rgb: 0, 217, 192; --nex-teal-contrast: #212529; --nex-cyan: #00f0ff; --nex-cyan-rgb: 0, 240, 255; --nex-cyan-contrast: #212529; --nex-lime: #c6ff3d; --nex-lime-rgb: 198, 255, 61; --nex-lime-contrast: #212529; --nex-inverse: #12002b; --nex-inverse-rgb: 18, 0, 43; --nex-inverse-contrast: #fff; } [data-nex-theme=minitel][data-bs-theme=dark] { --nex-blue: #3d6bff; --nex-blue-rgb: 61, 107, 255; --nex-blue-contrast: #fff; --nex-indigo: #7a6bff; --nex-indigo-rgb: 122, 107, 255; --nex-indigo-contrast: #fff; --nex-purple: #c45cff; --nex-purple-rgb: 196, 92, 255; --nex-purple-contrast: #fff; --nex-pink: #ff4fd8; --nex-pink-rgb: 255, 79, 216; --nex-pink-contrast: #fff; --nex-red: #ff3b3b; --nex-red-rgb: 255, 59, 59; --nex-red-contrast: #fff; --nex-orange: #ff9a2a; --nex-orange-rgb: 255, 154, 42; --nex-orange-contrast: #212529; --nex-yellow: #ffee33; --nex-yellow-rgb: 255, 238, 51; --nex-yellow-contrast: #212529; --nex-green: #33ff66; --nex-green-rgb: 51, 255, 102; --nex-green-contrast: #212529; --nex-teal: #22e0c0; --nex-teal-rgb: 34, 224, 192; --nex-teal-contrast: #212529; --nex-cyan: #33ffff; --nex-cyan-rgb: 51, 255, 255; --nex-cyan-contrast: #212529; --nex-lime: #a0ff33; --nex-lime-rgb: 160, 255, 51; --nex-lime-contrast: #212529; --nex-inverse: #0b0b0b; --nex-inverse-rgb: 11, 11, 11; --nex-inverse-contrast: #fff; } [data-nex-theme=arcade][data-bs-theme=dark] { --nex-blue: #2b4bff; --nex-blue-rgb: 43, 75, 255; --nex-blue-contrast: #fff; --nex-indigo: #6a5aff; --nex-indigo-rgb: 106, 90, 255; --nex-indigo-contrast: #fff; --nex-purple: #b45aff; --nex-purple-rgb: 180, 90, 255; --nex-purple-contrast: #fff; --nex-pink: #ff7ad9; --nex-pink-rgb: 255, 122, 217; --nex-pink-contrast: #212529; --nex-red: #ff2a2a; --nex-red-rgb: 255, 42, 42; --nex-red-contrast: #fff; --nex-orange: #ff9a1f; --nex-orange-rgb: 255, 154, 31; --nex-orange-contrast: #212529; --nex-yellow: #ffd800; --nex-yellow-rgb: 255, 216, 0; --nex-yellow-contrast: #212529; --nex-green: #33dd55; --nex-green-rgb: 51, 221, 85; --nex-green-contrast: #212529; --nex-teal: #22d8b0; --nex-teal-rgb: 34, 216, 176; --nex-teal-contrast: #212529; --nex-cyan: #2de2ff; --nex-cyan-rgb: 45, 226, 255; --nex-cyan-contrast: #212529; --nex-lime: #a8ff2a; --nex-lime-rgb: 168, 255, 42; --nex-lime-contrast: #212529; --nex-inverse: #000000; --nex-inverse-rgb: 0, 0, 0; --nex-inverse-contrast: #fff; } :where(.nex-apercu) { --nex-blue: #348fe2; --nex-indigo: #8753de; --nex-purple: #727cb6; --nex-pink: #fb5597; --nex-red: #ff5b57; --nex-orange: #f59c1a; --nex-yellow: #ffd900; --nex-green: #32a932; --nex-teal: #00acac; --nex-lime: #90ca4b; --nex-cyan: #49b6d6; --nex-brown: #9c6b3f; --nex-gray: #6c757d; --nex-silver: #b6c2c9; --nex-muted: #adb5bd; --nex-inverse: #2d353c; } [data-bs-theme=dark] { --nex-blue-100: color-mix(in srgb, var(--nex-blue) 20%, var(--bs-body-bg)); --nex-blue-200: color-mix(in srgb, var(--nex-blue) 40%, var(--bs-body-bg)); --nex-blue-300: color-mix(in srgb, var(--nex-blue) 60%, var(--bs-body-bg)); --nex-blue-400: color-mix(in srgb, var(--nex-blue) 80%, var(--bs-body-bg)); --nex-blue-600: color-mix(in srgb, var(--nex-blue) 80%, #fff); --nex-blue-700: color-mix(in srgb, var(--nex-blue) 60%, #fff); --nex-blue-800: color-mix(in srgb, var(--nex-blue) 40%, #fff); --nex-blue-900: color-mix(in srgb, var(--nex-blue) 20%, #fff); --nex-indigo-100: color-mix(in srgb, var(--nex-indigo) 20%, var(--bs-body-bg)); --nex-indigo-200: color-mix(in srgb, var(--nex-indigo) 40%, var(--bs-body-bg)); --nex-indigo-300: color-mix(in srgb, var(--nex-indigo) 60%, var(--bs-body-bg)); --nex-indigo-400: color-mix(in srgb, var(--nex-indigo) 80%, var(--bs-body-bg)); --nex-indigo-600: color-mix(in srgb, var(--nex-indigo) 80%, #fff); --nex-indigo-700: color-mix(in srgb, var(--nex-indigo) 60%, #fff); --nex-indigo-800: color-mix(in srgb, var(--nex-indigo) 40%, #fff); --nex-indigo-900: color-mix(in srgb, var(--nex-indigo) 20%, #fff); --nex-purple-100: color-mix(in srgb, var(--nex-purple) 20%, var(--bs-body-bg)); --nex-purple-200: color-mix(in srgb, var(--nex-purple) 40%, var(--bs-body-bg)); --nex-purple-300: color-mix(in srgb, var(--nex-purple) 60%, var(--bs-body-bg)); --nex-purple-400: color-mix(in srgb, var(--nex-purple) 80%, var(--bs-body-bg)); --nex-purple-600: color-mix(in srgb, var(--nex-purple) 80%, #fff); --nex-purple-700: color-mix(in srgb, var(--nex-purple) 60%, #fff); --nex-purple-800: color-mix(in srgb, var(--nex-purple) 40%, #fff); --nex-purple-900: color-mix(in srgb, var(--nex-purple) 20%, #fff); --nex-pink-100: color-mix(in srgb, var(--nex-pink) 20%, var(--bs-body-bg)); --nex-pink-200: color-mix(in srgb, var(--nex-pink) 40%, var(--bs-body-bg)); --nex-pink-300: color-mix(in srgb, var(--nex-pink) 60%, var(--bs-body-bg)); --nex-pink-400: color-mix(in srgb, var(--nex-pink) 80%, var(--bs-body-bg)); --nex-pink-600: color-mix(in srgb, var(--nex-pink) 80%, #fff); --nex-pink-700: color-mix(in srgb, var(--nex-pink) 60%, #fff); --nex-pink-800: color-mix(in srgb, var(--nex-pink) 40%, #fff); --nex-pink-900: color-mix(in srgb, var(--nex-pink) 20%, #fff); --nex-red-100: color-mix(in srgb, var(--nex-red) 20%, var(--bs-body-bg)); --nex-red-200: color-mix(in srgb, var(--nex-red) 40%, var(--bs-body-bg)); --nex-red-300: color-mix(in srgb, var(--nex-red) 60%, var(--bs-body-bg)); --nex-red-400: color-mix(in srgb, var(--nex-red) 80%, var(--bs-body-bg)); --nex-red-600: color-mix(in srgb, var(--nex-red) 80%, #fff); --nex-red-700: color-mix(in srgb, var(--nex-red) 60%, #fff); --nex-red-800: color-mix(in srgb, var(--nex-red) 40%, #fff); --nex-red-900: color-mix(in srgb, var(--nex-red) 20%, #fff); --nex-orange-100: color-mix(in srgb, var(--nex-orange) 20%, var(--bs-body-bg)); --nex-orange-200: color-mix(in srgb, var(--nex-orange) 40%, var(--bs-body-bg)); --nex-orange-300: color-mix(in srgb, var(--nex-orange) 60%, var(--bs-body-bg)); --nex-orange-400: color-mix(in srgb, var(--nex-orange) 80%, var(--bs-body-bg)); --nex-orange-600: color-mix(in srgb, var(--nex-orange) 80%, #fff); --nex-orange-700: color-mix(in srgb, var(--nex-orange) 60%, #fff); --nex-orange-800: color-mix(in srgb, var(--nex-orange) 40%, #fff); --nex-orange-900: color-mix(in srgb, var(--nex-orange) 20%, #fff); --nex-yellow-100: color-mix(in srgb, var(--nex-yellow) 20%, var(--bs-body-bg)); --nex-yellow-200: color-mix(in srgb, var(--nex-yellow) 40%, var(--bs-body-bg)); --nex-yellow-300: color-mix(in srgb, var(--nex-yellow) 60%, var(--bs-body-bg)); --nex-yellow-400: color-mix(in srgb, var(--nex-yellow) 80%, var(--bs-body-bg)); --nex-yellow-600: color-mix(in srgb, var(--nex-yellow) 80%, #fff); --nex-yellow-700: color-mix(in srgb, var(--nex-yellow) 60%, #fff); --nex-yellow-800: color-mix(in srgb, var(--nex-yellow) 40%, #fff); --nex-yellow-900: color-mix(in srgb, var(--nex-yellow) 20%, #fff); --nex-green-100: color-mix(in srgb, var(--nex-green) 20%, var(--bs-body-bg)); --nex-green-200: color-mix(in srgb, var(--nex-green) 40%, var(--bs-body-bg)); --nex-green-300: color-mix(in srgb, var(--nex-green) 60%, var(--bs-body-bg)); --nex-green-400: color-mix(in srgb, var(--nex-green) 80%, var(--bs-body-bg)); --nex-green-600: color-mix(in srgb, var(--nex-green) 80%, #fff); --nex-green-700: color-mix(in srgb, var(--nex-green) 60%, #fff); --nex-green-800: color-mix(in srgb, var(--nex-green) 40%, #fff); --nex-green-900: color-mix(in srgb, var(--nex-green) 20%, #fff); --nex-teal-100: color-mix(in srgb, var(--nex-teal) 20%, var(--bs-body-bg)); --nex-teal-200: color-mix(in srgb, var(--nex-teal) 40%, var(--bs-body-bg)); --nex-teal-300: color-mix(in srgb, var(--nex-teal) 60%, var(--bs-body-bg)); --nex-teal-400: color-mix(in srgb, var(--nex-teal) 80%, var(--bs-body-bg)); --nex-teal-600: color-mix(in srgb, var(--nex-teal) 80%, #fff); --nex-teal-700: color-mix(in srgb, var(--nex-teal) 60%, #fff); --nex-teal-800: color-mix(in srgb, var(--nex-teal) 40%, #fff); --nex-teal-900: color-mix(in srgb, var(--nex-teal) 20%, #fff); --nex-lime-100: color-mix(in srgb, var(--nex-lime) 20%, var(--bs-body-bg)); --nex-lime-200: color-mix(in srgb, var(--nex-lime) 40%, var(--bs-body-bg)); --nex-lime-300: color-mix(in srgb, var(--nex-lime) 60%, var(--bs-body-bg)); --nex-lime-400: color-mix(in srgb, var(--nex-lime) 80%, var(--bs-body-bg)); --nex-lime-600: color-mix(in srgb, var(--nex-lime) 80%, #fff); --nex-lime-700: color-mix(in srgb, var(--nex-lime) 60%, #fff); --nex-lime-800: color-mix(in srgb, var(--nex-lime) 40%, #fff); --nex-lime-900: color-mix(in srgb, var(--nex-lime) 20%, #fff); --nex-cyan-100: color-mix(in srgb, var(--nex-cyan) 20%, var(--bs-body-bg)); --nex-cyan-200: color-mix(in srgb, var(--nex-cyan) 40%, var(--bs-body-bg)); --nex-cyan-300: color-mix(in srgb, var(--nex-cyan) 60%, var(--bs-body-bg)); --nex-cyan-400: color-mix(in srgb, var(--nex-cyan) 80%, var(--bs-body-bg)); --nex-cyan-600: color-mix(in srgb, var(--nex-cyan) 80%, #fff); --nex-cyan-700: color-mix(in srgb, var(--nex-cyan) 60%, #fff); --nex-cyan-800: color-mix(in srgb, var(--nex-cyan) 40%, #fff); --nex-cyan-900: color-mix(in srgb, var(--nex-cyan) 20%, #fff); --nex-brown-100: color-mix(in srgb, var(--nex-brown) 20%, var(--bs-body-bg)); --nex-brown-200: color-mix(in srgb, var(--nex-brown) 40%, var(--bs-body-bg)); --nex-brown-300: color-mix(in srgb, var(--nex-brown) 60%, var(--bs-body-bg)); --nex-brown-400: color-mix(in srgb, var(--nex-brown) 80%, var(--bs-body-bg)); --nex-brown-600: color-mix(in srgb, var(--nex-brown) 80%, #fff); --nex-brown-700: color-mix(in srgb, var(--nex-brown) 60%, #fff); --nex-brown-800: color-mix(in srgb, var(--nex-brown) 40%, #fff); --nex-brown-900: color-mix(in srgb, var(--nex-brown) 20%, #fff); --nex-gray-100: color-mix(in srgb, var(--nex-gray) 20%, var(--bs-body-bg)); --nex-gray-200: color-mix(in srgb, var(--nex-gray) 40%, var(--bs-body-bg)); --nex-gray-300: color-mix(in srgb, var(--nex-gray) 60%, var(--bs-body-bg)); --nex-gray-400: color-mix(in srgb, var(--nex-gray) 80%, var(--bs-body-bg)); --nex-gray-600: color-mix(in srgb, var(--nex-gray) 80%, #fff); --nex-gray-700: color-mix(in srgb, var(--nex-gray) 60%, #fff); --nex-gray-800: color-mix(in srgb, var(--nex-gray) 40%, #fff); --nex-gray-900: color-mix(in srgb, var(--nex-gray) 20%, #fff); --nex-silver-100: color-mix(in srgb, var(--nex-silver) 20%, var(--bs-body-bg)); --nex-silver-200: color-mix(in srgb, var(--nex-silver) 40%, var(--bs-body-bg)); --nex-silver-300: color-mix(in srgb, var(--nex-silver) 60%, var(--bs-body-bg)); --nex-silver-400: color-mix(in srgb, var(--nex-silver) 80%, var(--bs-body-bg)); --nex-silver-600: color-mix(in srgb, var(--nex-silver) 80%, #fff); --nex-silver-700: color-mix(in srgb, var(--nex-silver) 60%, #fff); --nex-silver-800: color-mix(in srgb, var(--nex-silver) 40%, #fff); --nex-silver-900: color-mix(in srgb, var(--nex-silver) 20%, #fff); --nex-muted-100: color-mix(in srgb, var(--nex-muted) 20%, var(--bs-body-bg)); --nex-muted-200: color-mix(in srgb, var(--nex-muted) 40%, var(--bs-body-bg)); --nex-muted-300: color-mix(in srgb, var(--nex-muted) 60%, var(--bs-body-bg)); --nex-muted-400: color-mix(in srgb, var(--nex-muted) 80%, var(--bs-body-bg)); --nex-muted-600: color-mix(in srgb, var(--nex-muted) 80%, #fff); --nex-muted-700: color-mix(in srgb, var(--nex-muted) 60%, #fff); --nex-muted-800: color-mix(in srgb, var(--nex-muted) 40%, #fff); --nex-muted-900: color-mix(in srgb, var(--nex-muted) 20%, #fff); --nex-inverse-100: color-mix(in srgb, var(--nex-inverse) 20%, var(--bs-body-bg)); --nex-inverse-200: color-mix(in srgb, var(--nex-inverse) 40%, var(--bs-body-bg)); --nex-inverse-300: color-mix(in srgb, var(--nex-inverse) 60%, var(--bs-body-bg)); --nex-inverse-400: color-mix(in srgb, var(--nex-inverse) 80%, var(--bs-body-bg)); --nex-inverse-600: color-mix(in srgb, var(--nex-inverse) 80%, #fff); --nex-inverse-700: color-mix(in srgb, var(--nex-inverse) 60%, #fff); --nex-inverse-800: color-mix(in srgb, var(--nex-inverse) 40%, #fff); --nex-inverse-900: color-mix(in srgb, var(--nex-inverse) 20%, #fff); --nex-primary-100: color-mix(in srgb, var(--nex-primary) 20%, var(--bs-body-bg)); --nex-primary-200: color-mix(in srgb, var(--nex-primary) 40%, var(--bs-body-bg)); --nex-primary-300: color-mix(in srgb, var(--nex-primary) 60%, var(--bs-body-bg)); --nex-primary-400: color-mix(in srgb, var(--nex-primary) 80%, var(--bs-body-bg)); --nex-primary-600: color-mix(in srgb, var(--nex-primary) 80%, #fff); --nex-primary-700: color-mix(in srgb, var(--nex-primary) 60%, #fff); --nex-primary-800: color-mix(in srgb, var(--nex-primary) 40%, #fff); --nex-primary-900: color-mix(in srgb, var(--nex-primary) 20%, #fff); --nex-secondary-100: color-mix(in srgb, var(--nex-secondary) 20%, var(--bs-body-bg)); --nex-secondary-200: color-mix(in srgb, var(--nex-secondary) 40%, var(--bs-body-bg)); --nex-secondary-300: color-mix(in srgb, var(--nex-secondary) 60%, var(--bs-body-bg)); --nex-secondary-400: color-mix(in srgb, var(--nex-secondary) 80%, var(--bs-body-bg)); --nex-secondary-600: color-mix(in srgb, var(--nex-secondary) 80%, #fff); --nex-secondary-700: color-mix(in srgb, var(--nex-secondary) 60%, #fff); --nex-secondary-800: color-mix(in srgb, var(--nex-secondary) 40%, #fff); --nex-secondary-900: color-mix(in srgb, var(--nex-secondary) 20%, #fff); --nex-success-100: color-mix(in srgb, var(--nex-success) 20%, var(--bs-body-bg)); --nex-success-200: color-mix(in srgb, var(--nex-success) 40%, var(--bs-body-bg)); --nex-success-300: color-mix(in srgb, var(--nex-success) 60%, var(--bs-body-bg)); --nex-success-400: color-mix(in srgb, var(--nex-success) 80%, var(--bs-body-bg)); --nex-success-600: color-mix(in srgb, var(--nex-success) 80%, #fff); --nex-success-700: color-mix(in srgb, var(--nex-success) 60%, #fff); --nex-success-800: color-mix(in srgb, var(--nex-success) 40%, #fff); --nex-success-900: color-mix(in srgb, var(--nex-success) 20%, #fff); --nex-info-100: color-mix(in srgb, var(--nex-info) 20%, var(--bs-body-bg)); --nex-info-200: color-mix(in srgb, var(--nex-info) 40%, var(--bs-body-bg)); --nex-info-300: color-mix(in srgb, var(--nex-info) 60%, var(--bs-body-bg)); --nex-info-400: color-mix(in srgb, var(--nex-info) 80%, var(--bs-body-bg)); --nex-info-600: color-mix(in srgb, var(--nex-info) 80%, #fff); --nex-info-700: color-mix(in srgb, var(--nex-info) 60%, #fff); --nex-info-800: color-mix(in srgb, var(--nex-info) 40%, #fff); --nex-info-900: color-mix(in srgb, var(--nex-info) 20%, #fff); --nex-warning-100: color-mix(in srgb, var(--nex-warning) 20%, var(--bs-body-bg)); --nex-warning-200: color-mix(in srgb, var(--nex-warning) 40%, var(--bs-body-bg)); --nex-warning-300: color-mix(in srgb, var(--nex-warning) 60%, var(--bs-body-bg)); --nex-warning-400: color-mix(in srgb, var(--nex-warning) 80%, var(--bs-body-bg)); --nex-warning-600: color-mix(in srgb, var(--nex-warning) 80%, #fff); --nex-warning-700: color-mix(in srgb, var(--nex-warning) 60%, #fff); --nex-warning-800: color-mix(in srgb, var(--nex-warning) 40%, #fff); --nex-warning-900: color-mix(in srgb, var(--nex-warning) 20%, #fff); --nex-danger-100: color-mix(in srgb, var(--nex-danger) 20%, var(--bs-body-bg)); --nex-danger-200: color-mix(in srgb, var(--nex-danger) 40%, var(--bs-body-bg)); --nex-danger-300: color-mix(in srgb, var(--nex-danger) 60%, var(--bs-body-bg)); --nex-danger-400: color-mix(in srgb, var(--nex-danger) 80%, var(--bs-body-bg)); --nex-danger-600: color-mix(in srgb, var(--nex-danger) 80%, #fff); --nex-danger-700: color-mix(in srgb, var(--nex-danger) 60%, #fff); --nex-danger-800: color-mix(in srgb, var(--nex-danger) 40%, #fff); --nex-danger-900: color-mix(in srgb, var(--nex-danger) 20%, #fff); --nex-aqua-100: color-mix(in srgb, var(--nex-aqua) 20%, var(--bs-body-bg)); --nex-aqua-200: color-mix(in srgb, var(--nex-aqua) 40%, var(--bs-body-bg)); --nex-aqua-300: color-mix(in srgb, var(--nex-aqua) 60%, var(--bs-body-bg)); --nex-aqua-400: color-mix(in srgb, var(--nex-aqua) 80%, var(--bs-body-bg)); --nex-aqua-600: color-mix(in srgb, var(--nex-aqua) 80%, #fff); --nex-aqua-700: color-mix(in srgb, var(--nex-aqua) 60%, #fff); --nex-aqua-800: color-mix(in srgb, var(--nex-aqua) 40%, #fff); --nex-aqua-900: color-mix(in srgb, var(--nex-aqua) 20%, #fff); --nex-grey-100: color-mix(in srgb, var(--nex-grey) 20%, var(--bs-body-bg)); --nex-grey-200: color-mix(in srgb, var(--nex-grey) 40%, var(--bs-body-bg)); --nex-grey-300: color-mix(in srgb, var(--nex-grey) 60%, var(--bs-body-bg)); --nex-grey-400: color-mix(in srgb, var(--nex-grey) 80%, var(--bs-body-bg)); --nex-grey-600: color-mix(in srgb, var(--nex-grey) 80%, #fff); --nex-grey-700: color-mix(in srgb, var(--nex-grey) 60%, #fff); --nex-grey-800: color-mix(in srgb, var(--nex-grey) 40%, #fff); --nex-grey-900: color-mix(in srgb, var(--nex-grey) 20%, #fff); --nex-dark-100: color-mix(in srgb, var(--nex-dark) 20%, var(--bs-body-bg)); --nex-dark-200: color-mix(in srgb, var(--nex-dark) 40%, var(--bs-body-bg)); --nex-dark-300: color-mix(in srgb, var(--nex-dark) 60%, var(--bs-body-bg)); --nex-dark-400: color-mix(in srgb, var(--nex-dark) 80%, var(--bs-body-bg)); --nex-dark-600: color-mix(in srgb, var(--nex-dark) 80%, #fff); --nex-dark-700: color-mix(in srgb, var(--nex-dark) 60%, #fff); --nex-dark-800: color-mix(in srgb, var(--nex-dark) 40%, #fff); --nex-dark-900: color-mix(in srgb, var(--nex-dark) 20%, #fff); --bs-primary-text-emphasis: var(--nex-primary-700); --bs-primary-bg-subtle: var(--nex-primary-100); --bs-primary-border-subtle: var(--nex-primary-200); --bs-secondary-text-emphasis: var(--nex-secondary-700); --bs-secondary-bg-subtle: var(--nex-secondary-100); --bs-secondary-border-subtle: var(--nex-secondary-200); --bs-success-text-emphasis: var(--nex-success-700); --bs-success-bg-subtle: var(--nex-success-100); --bs-success-border-subtle: var(--nex-success-200); --bs-info-text-emphasis: var(--nex-info-700); --bs-info-bg-subtle: var(--nex-info-100); --bs-info-border-subtle: var(--nex-info-200); --bs-warning-text-emphasis: var(--nex-warning-700); --bs-warning-bg-subtle: var(--nex-warning-100); --bs-warning-border-subtle: var(--nex-warning-200); --bs-danger-text-emphasis: var(--nex-danger-700); --bs-danger-bg-subtle: var(--nex-danger-100); --bs-danger-border-subtle: var(--nex-danger-200); --bs-link-color: var(--nex-primary-700); --bs-link-hover-color: var(--nex-primary-800); } /* liens en mode sombre : nuance claire de la couleur du thème */ :where([data-bs-theme=dark]) a { color: var(--bs-link-color); } :where([data-bs-theme=dark]) a:where(:hover) { color: var(--bs-link-hover-color); } /* Couleurs et nuances : text-teal, bg-teal-200, border-danger-700... (opacité : *-opacity-*) */ .text-blue { --bs-text-opacity: 1; color: color-mix(in srgb, var(--nex-blue) calc(var(--bs-text-opacity) * 100%), transparent) !important; } .bg-blue { --bs-bg-opacity: 1; background-color: color-mix(in srgb, var(--nex-blue) calc(var(--bs-bg-opacity) * 100%), transparent) !important; } .border-blue { --bs-border-opacity: 1; border-color: color-mix(in srgb, var(--nex-blue) calc(var(--bs-border-opacity) * 100%), transparent) !important; } .text-blue-100 { --bs-text-opacity: 1; color: color-mix(in srgb, var(--nex-blue-100) calc(var(--bs-text-opacity) * 100%), transparent) !important; } .bg-blue-100 { --bs-bg-opacity: 1; background-color: color-mix(in srgb, var(--nex-blue-100) calc(var(--bs-bg-opacity) * 100%), transparent) !important; } .border-blue-100 { --bs-border-opacity: 1; border-color: color-mix(in srgb, var(--nex-blue-100) calc(var(--bs-border-opacity) * 100%), transparent) !important; } .text-blue-200 { --bs-text-opacity: 1; color: color-mix(in srgb, var(--nex-blue-200) calc(var(--bs-text-opacity) * 100%), transparent) !important; } .bg-blue-200 { --bs-bg-opacity: 1; background-color: color-mix(in srgb, var(--nex-blue-200) calc(var(--bs-bg-opacity) * 100%), transparent) !important; } .border-blue-200 { --bs-border-opacity: 1; border-color: color-mix(in srgb, var(--nex-blue-200) calc(var(--bs-border-opacity) * 100%), transparent) !important; } .text-blue-300 { --bs-text-opacity: 1; color: color-mix(in srgb, var(--nex-blue-300) calc(var(--bs-text-opacity) * 100%), transparent) !important; } .bg-blue-300 { --bs-bg-opacity: 1; background-color: color-mix(in srgb, var(--nex-blue-300) calc(var(--bs-bg-opacity) * 100%), transparent) !important; } .border-blue-300 { --bs-border-opacity: 1; border-color: color-mix(in srgb, var(--nex-blue-300) calc(var(--bs-border-opacity) * 100%), transparent) !important; } .text-blue-400 { --bs-text-opacity: 1; color: color-mix(in srgb, var(--nex-blue-400) calc(var(--bs-text-opacity) * 100%), transparent) !important; } .bg-blue-400 { --bs-bg-opacity: 1; background-color: color-mix(in srgb, var(--nex-blue-400) calc(var(--bs-bg-opacity) * 100%), transparent) !important; } .border-blue-400 { --bs-border-opacity: 1; border-color: color-mix(in srgb, var(--nex-blue-400) calc(var(--bs-border-opacity) * 100%), transparent) !important; } .text-blue-500 { --bs-text-opacity: 1; color: color-mix(in srgb, var(--nex-blue-500) calc(var(--bs-text-opacity) * 100%), transparent) !important; } .bg-blue-500 { --bs-bg-opacity: 1; background-color: color-mix(in srgb, var(--nex-blue-500) calc(var(--bs-bg-opacity) * 100%), transparent) !important; } .border-blue-500 { --bs-border-opacity: 1; border-color: color-mix(in srgb, var(--nex-blue-500) calc(var(--bs-border-opacity) * 100%), transparent) !important; } .text-blue-600 { --bs-text-opacity: 1; color: color-mix(in srgb, var(--nex-blue-600) calc(var(--bs-text-opacity) * 100%), transparent) !important; } .bg-blue-600 { --bs-bg-opacity: 1; background-color: color-mix(in srgb, var(--nex-blue-600) calc(var(--bs-bg-opacity) * 100%), transparent) !important; } .border-blue-600 { --bs-border-opacity: 1; border-color: color-mix(in srgb, var(--nex-blue-600) calc(var(--bs-border-opacity) * 100%), transparent) !important; } .text-blue-700 { --bs-text-opacity: 1; color: color-mix(in srgb, var(--nex-blue-700) calc(var(--bs-text-opacity) * 100%), transparent) !important; } .bg-blue-700 { --bs-bg-opacity: 1; background-color: color-mix(in srgb, var(--nex-blue-700) calc(var(--bs-bg-opacity) * 100%), transparent) !important; } .border-blue-700 { --bs-border-opacity: 1; border-color: color-mix(in srgb, var(--nex-blue-700) calc(var(--bs-border-opacity) * 100%), transparent) !important; } .text-blue-800 { --bs-text-opacity: 1; color: color-mix(in srgb, var(--nex-blue-800) calc(var(--bs-text-opacity) * 100%), transparent) !important; } .bg-blue-800 { --bs-bg-opacity: 1; background-color: color-mix(in srgb, var(--nex-blue-800) calc(var(--bs-bg-opacity) * 100%), transparent) !important; } .border-blue-800 { --bs-border-opacity: 1; border-color: color-mix(in srgb, var(--nex-blue-800) calc(var(--bs-border-opacity) * 100%), transparent) !important; } .text-blue-900 { --bs-text-opacity: 1; color: color-mix(in srgb, var(--nex-blue-900) calc(var(--bs-text-opacity) * 100%), transparent) !important; } .bg-blue-900 { --bs-bg-opacity: 1; background-color: color-mix(in srgb, var(--nex-blue-900) calc(var(--bs-bg-opacity) * 100%), transparent) !important; } .border-blue-900 { --bs-border-opacity: 1; border-color: color-mix(in srgb, var(--nex-blue-900) calc(var(--bs-border-opacity) * 100%), transparent) !important; } .bg-gradient-blue { background-color: var(--nex-blue) !important; background-image: linear-gradient(to bottom, var(--nex-blue-400), var(--nex-blue-600)) !important; } .text-bg-blue { --bs-bg-opacity: 1; color: var(--nex-blue-contrast) !important; background-color: color-mix(in srgb, var(--nex-blue) calc(var(--bs-bg-opacity) * 100%), transparent) !important; } .card-header.bg-blue, .card-footer.bg-blue { --bs-card-cap-color: var(--nex-blue-contrast); color: var(--nex-blue-contrast); border-color: transparent; } .card > :is(.card-header, .card-footer).bg-blue:not([class*="bg-opacity"]) { background-color: color-mix(in srgb, var(--nex-blue) calc(100% - var(--nex-entete-assombri)), #000) !important; } .text-indigo { --bs-text-opacity: 1; color: color-mix(in srgb, var(--nex-indigo) calc(var(--bs-text-opacity) * 100%), transparent) !important; } .bg-indigo { --bs-bg-opacity: 1; background-color: color-mix(in srgb, var(--nex-indigo) calc(var(--bs-bg-opacity) * 100%), transparent) !important; } .border-indigo { --bs-border-opacity: 1; border-color: color-mix(in srgb, var(--nex-indigo) calc(var(--bs-border-opacity) * 100%), transparent) !important; } .text-indigo-100 { --bs-text-opacity: 1; color: color-mix(in srgb, var(--nex-indigo-100) calc(var(--bs-text-opacity) * 100%), transparent) !important; } .bg-indigo-100 { --bs-bg-opacity: 1; background-color: color-mix(in srgb, var(--nex-indigo-100) calc(var(--bs-bg-opacity) * 100%), transparent) !important; } .border-indigo-100 { --bs-border-opacity: 1; border-color: color-mix(in srgb, var(--nex-indigo-100) calc(var(--bs-border-opacity) * 100%), transparent) !important; } .text-indigo-200 { --bs-text-opacity: 1; color: color-mix(in srgb, var(--nex-indigo-200) calc(var(--bs-text-opacity) * 100%), transparent) !important; } .bg-indigo-200 { --bs-bg-opacity: 1; background-color: color-mix(in srgb, var(--nex-indigo-200) calc(var(--bs-bg-opacity) * 100%), transparent) !important; } .border-indigo-200 { --bs-border-opacity: 1; border-color: color-mix(in srgb, var(--nex-indigo-200) calc(var(--bs-border-opacity) * 100%), transparent) !important; } .text-indigo-300 { --bs-text-opacity: 1; color: color-mix(in srgb, var(--nex-indigo-300) calc(var(--bs-text-opacity) * 100%), transparent) !important; } .bg-indigo-300 { --bs-bg-opacity: 1; background-color: color-mix(in srgb, var(--nex-indigo-300) calc(var(--bs-bg-opacity) * 100%), transparent) !important; } .border-indigo-300 { --bs-border-opacity: 1; border-color: color-mix(in srgb, var(--nex-indigo-300) calc(var(--bs-border-opacity) * 100%), transparent) !important; } .text-indigo-400 { --bs-text-opacity: 1; color: color-mix(in srgb, var(--nex-indigo-400) calc(var(--bs-text-opacity) * 100%), transparent) !important; } .bg-indigo-400 { --bs-bg-opacity: 1; background-color: color-mix(in srgb, var(--nex-indigo-400) calc(var(--bs-bg-opacity) * 100%), transparent) !important; } .border-indigo-400 { --bs-border-opacity: 1; border-color: color-mix(in srgb, var(--nex-indigo-400) calc(var(--bs-border-opacity) * 100%), transparent) !important; } .text-indigo-500 { --bs-text-opacity: 1; color: color-mix(in srgb, var(--nex-indigo-500) calc(var(--bs-text-opacity) * 100%), transparent) !important; } .bg-indigo-500 { --bs-bg-opacity: 1; background-color: color-mix(in srgb, var(--nex-indigo-500) calc(var(--bs-bg-opacity) * 100%), transparent) !important; } .border-indigo-500 { --bs-border-opacity: 1; border-color: color-mix(in srgb, var(--nex-indigo-500) calc(var(--bs-border-opacity) * 100%), transparent) !important; } .text-indigo-600 { --bs-text-opacity: 1; color: color-mix(in srgb, var(--nex-indigo-600) calc(var(--bs-text-opacity) * 100%), transparent) !important; } .bg-indigo-600 { --bs-bg-opacity: 1; background-color: color-mix(in srgb, var(--nex-indigo-600) calc(var(--bs-bg-opacity) * 100%), transparent) !important; } .border-indigo-600 { --bs-border-opacity: 1; border-color: color-mix(in srgb, var(--nex-indigo-600) calc(var(--bs-border-opacity) * 100%), transparent) !important; } .text-indigo-700 { --bs-text-opacity: 1; color: color-mix(in srgb, var(--nex-indigo-700) calc(var(--bs-text-opacity) * 100%), transparent) !important; } .bg-indigo-700 { --bs-bg-opacity: 1; background-color: color-mix(in srgb, var(--nex-indigo-700) calc(var(--bs-bg-opacity) * 100%), transparent) !important; } .border-indigo-700 { --bs-border-opacity: 1; border-color: color-mix(in srgb, var(--nex-indigo-700) calc(var(--bs-border-opacity) * 100%), transparent) !important; } .text-indigo-800 { --bs-text-opacity: 1; color: color-mix(in srgb, var(--nex-indigo-800) calc(var(--bs-text-opacity) * 100%), transparent) !important; } .bg-indigo-800 { --bs-bg-opacity: 1; background-color: color-mix(in srgb, var(--nex-indigo-800) calc(var(--bs-bg-opacity) * 100%), transparent) !important; } .border-indigo-800 { --bs-border-opacity: 1; border-color: color-mix(in srgb, var(--nex-indigo-800) calc(var(--bs-border-opacity) * 100%), transparent) !important; } .text-indigo-900 { --bs-text-opacity: 1; color: color-mix(in srgb, var(--nex-indigo-900) calc(var(--bs-text-opacity) * 100%), transparent) !important; } .bg-indigo-900 { --bs-bg-opacity: 1; background-color: color-mix(in srgb, var(--nex-indigo-900) calc(var(--bs-bg-opacity) * 100%), transparent) !important; } .border-indigo-900 { --bs-border-opacity: 1; border-color: color-mix(in srgb, var(--nex-indigo-900) calc(var(--bs-border-opacity) * 100%), transparent) !important; } .bg-gradient-indigo { background-color: var(--nex-indigo) !important; background-image: linear-gradient(to bottom, var(--nex-indigo-400), var(--nex-indigo-600)) !important; } .text-bg-indigo { --bs-bg-opacity: 1; color: var(--nex-indigo-contrast) !important; background-color: color-mix(in srgb, var(--nex-indigo) calc(var(--bs-bg-opacity) * 100%), transparent) !important; } .card-header.bg-indigo, .card-footer.bg-indigo { --bs-card-cap-color: var(--nex-indigo-contrast); color: var(--nex-indigo-contrast); border-color: transparent; } .card > :is(.card-header, .card-footer).bg-indigo:not([class*="bg-opacity"]) { background-color: color-mix(in srgb, var(--nex-indigo) calc(100% - var(--nex-entete-assombri)), #000) !important; } .text-purple { --bs-text-opacity: 1; color: color-mix(in srgb, var(--nex-purple) calc(var(--bs-text-opacity) * 100%), transparent) !important; } .bg-purple { --bs-bg-opacity: 1; background-color: color-mix(in srgb, var(--nex-purple) calc(var(--bs-bg-opacity) * 100%), transparent) !important; } .border-purple { --bs-border-opacity: 1; border-color: color-mix(in srgb, var(--nex-purple) calc(var(--bs-border-opacity) * 100%), transparent) !important; } .text-purple-100 { --bs-text-opacity: 1; color: color-mix(in srgb, var(--nex-purple-100) calc(var(--bs-text-opacity) * 100%), transparent) !important; } .bg-purple-100 { --bs-bg-opacity: 1; background-color: color-mix(in srgb, var(--nex-purple-100) calc(var(--bs-bg-opacity) * 100%), transparent) !important; } .border-purple-100 { --bs-border-opacity: 1; border-color: color-mix(in srgb, var(--nex-purple-100) calc(var(--bs-border-opacity) * 100%), transparent) !important; } .text-purple-200 { --bs-text-opacity: 1; color: color-mix(in srgb, var(--nex-purple-200) calc(var(--bs-text-opacity) * 100%), transparent) !important; } .bg-purple-200 { --bs-bg-opacity: 1; background-color: color-mix(in srgb, var(--nex-purple-200) calc(var(--bs-bg-opacity) * 100%), transparent) !important; } .border-purple-200 { --bs-border-opacity: 1; border-color: color-mix(in srgb, var(--nex-purple-200) calc(var(--bs-border-opacity) * 100%), transparent) !important; } .text-purple-300 { --bs-text-opacity: 1; color: color-mix(in srgb, var(--nex-purple-300) calc(var(--bs-text-opacity) * 100%), transparent) !important; } .bg-purple-300 { --bs-bg-opacity: 1; background-color: color-mix(in srgb, var(--nex-purple-300) calc(var(--bs-bg-opacity) * 100%), transparent) !important; } .border-purple-300 { --bs-border-opacity: 1; border-color: color-mix(in srgb, var(--nex-purple-300) calc(var(--bs-border-opacity) * 100%), transparent) !important; } .text-purple-400 { --bs-text-opacity: 1; color: color-mix(in srgb, var(--nex-purple-400) calc(var(--bs-text-opacity) * 100%), transparent) !important; } .bg-purple-400 { --bs-bg-opacity: 1; background-color: color-mix(in srgb, var(--nex-purple-400) calc(var(--bs-bg-opacity) * 100%), transparent) !important; } .border-purple-400 { --bs-border-opacity: 1; border-color: color-mix(in srgb, var(--nex-purple-400) calc(var(--bs-border-opacity) * 100%), transparent) !important; } .text-purple-500 { --bs-text-opacity: 1; color: color-mix(in srgb, var(--nex-purple-500) calc(var(--bs-text-opacity) * 100%), transparent) !important; } .bg-purple-500 { --bs-bg-opacity: 1; background-color: color-mix(in srgb, var(--nex-purple-500) calc(var(--bs-bg-opacity) * 100%), transparent) !important; } .border-purple-500 { --bs-border-opacity: 1; border-color: color-mix(in srgb, var(--nex-purple-500) calc(var(--bs-border-opacity) * 100%), transparent) !important; } .text-purple-600 { --bs-text-opacity: 1; color: color-mix(in srgb, var(--nex-purple-600) calc(var(--bs-text-opacity) * 100%), transparent) !important; } .bg-purple-600 { --bs-bg-opacity: 1; background-color: color-mix(in srgb, var(--nex-purple-600) calc(var(--bs-bg-opacity) * 100%), transparent) !important; } .border-purple-600 { --bs-border-opacity: 1; border-color: color-mix(in srgb, var(--nex-purple-600) calc(var(--bs-border-opacity) * 100%), transparent) !important; } .text-purple-700 { --bs-text-opacity: 1; color: color-mix(in srgb, var(--nex-purple-700) calc(var(--bs-text-opacity) * 100%), transparent) !important; } .bg-purple-700 { --bs-bg-opacity: 1; background-color: color-mix(in srgb, var(--nex-purple-700) calc(var(--bs-bg-opacity) * 100%), transparent) !important; } .border-purple-700 { --bs-border-opacity: 1; border-color: color-mix(in srgb, var(--nex-purple-700) calc(var(--bs-border-opacity) * 100%), transparent) !important; } .text-purple-800 { --bs-text-opacity: 1; color: color-mix(in srgb, var(--nex-purple-800) calc(var(--bs-text-opacity) * 100%), transparent) !important; } .bg-purple-800 { --bs-bg-opacity: 1; background-color: color-mix(in srgb, var(--nex-purple-800) calc(var(--bs-bg-opacity) * 100%), transparent) !important; } .border-purple-800 { --bs-border-opacity: 1; border-color: color-mix(in srgb, var(--nex-purple-800) calc(var(--bs-border-opacity) * 100%), transparent) !important; } .text-purple-900 { --bs-text-opacity: 1; color: color-mix(in srgb, var(--nex-purple-900) calc(var(--bs-text-opacity) * 100%), transparent) !important; } .bg-purple-900 { --bs-bg-opacity: 1; background-color: color-mix(in srgb, var(--nex-purple-900) calc(var(--bs-bg-opacity) * 100%), transparent) !important; } .border-purple-900 { --bs-border-opacity: 1; border-color: color-mix(in srgb, var(--nex-purple-900) calc(var(--bs-border-opacity) * 100%), transparent) !important; } .bg-gradient-purple { background-color: var(--nex-purple) !important; background-image: linear-gradient(to bottom, var(--nex-purple-400), var(--nex-purple-600)) !important; } .text-bg-purple { --bs-bg-opacity: 1; color: var(--nex-purple-contrast) !important; background-color: color-mix(in srgb, var(--nex-purple) calc(var(--bs-bg-opacity) * 100%), transparent) !important; } .card-header.bg-purple, .card-footer.bg-purple { --bs-card-cap-color: var(--nex-purple-contrast); color: var(--nex-purple-contrast); border-color: transparent; } .card > :is(.card-header, .card-footer).bg-purple:not([class*="bg-opacity"]) { background-color: color-mix(in srgb, var(--nex-purple) calc(100% - var(--nex-entete-assombri)), #000) !important; } .text-pink { --bs-text-opacity: 1; color: color-mix(in srgb, var(--nex-pink) calc(var(--bs-text-opacity) * 100%), transparent) !important; } .bg-pink { --bs-bg-opacity: 1; background-color: color-mix(in srgb, var(--nex-pink) calc(var(--bs-bg-opacity) * 100%), transparent) !important; } .border-pink { --bs-border-opacity: 1; border-color: color-mix(in srgb, var(--nex-pink) calc(var(--bs-border-opacity) * 100%), transparent) !important; } .text-pink-100 { --bs-text-opacity: 1; color: color-mix(in srgb, var(--nex-pink-100) calc(var(--bs-text-opacity) * 100%), transparent) !important; } .bg-pink-100 { --bs-bg-opacity: 1; background-color: color-mix(in srgb, var(--nex-pink-100) calc(var(--bs-bg-opacity) * 100%), transparent) !important; } .border-pink-100 { --bs-border-opacity: 1; border-color: color-mix(in srgb, var(--nex-pink-100) calc(var(--bs-border-opacity) * 100%), transparent) !important; } .text-pink-200 { --bs-text-opacity: 1; color: color-mix(in srgb, var(--nex-pink-200) calc(var(--bs-text-opacity) * 100%), transparent) !important; } .bg-pink-200 { --bs-bg-opacity: 1; background-color: color-mix(in srgb, var(--nex-pink-200) calc(var(--bs-bg-opacity) * 100%), transparent) !important; } .border-pink-200 { --bs-border-opacity: 1; border-color: color-mix(in srgb, var(--nex-pink-200) calc(var(--bs-border-opacity) * 100%), transparent) !important; } .text-pink-300 { --bs-text-opacity: 1; color: color-mix(in srgb, var(--nex-pink-300) calc(var(--bs-text-opacity) * 100%), transparent) !important; } .bg-pink-300 { --bs-bg-opacity: 1; background-color: color-mix(in srgb, var(--nex-pink-300) calc(var(--bs-bg-opacity) * 100%), transparent) !important; } .border-pink-300 { --bs-border-opacity: 1; border-color: color-mix(in srgb, var(--nex-pink-300) calc(var(--bs-border-opacity) * 100%), transparent) !important; } .text-pink-400 { --bs-text-opacity: 1; color: color-mix(in srgb, var(--nex-pink-400) calc(var(--bs-text-opacity) * 100%), transparent) !important; } .bg-pink-400 { --bs-bg-opacity: 1; background-color: color-mix(in srgb, var(--nex-pink-400) calc(var(--bs-bg-opacity) * 100%), transparent) !important; } .border-pink-400 { --bs-border-opacity: 1; border-color: color-mix(in srgb, var(--nex-pink-400) calc(var(--bs-border-opacity) * 100%), transparent) !important; } .text-pink-500 { --bs-text-opacity: 1; color: color-mix(in srgb, var(--nex-pink-500) calc(var(--bs-text-opacity) * 100%), transparent) !important; } .bg-pink-500 { --bs-bg-opacity: 1; background-color: color-mix(in srgb, var(--nex-pink-500) calc(var(--bs-bg-opacity) * 100%), transparent) !important; } .border-pink-500 { --bs-border-opacity: 1; border-color: color-mix(in srgb, var(--nex-pink-500) calc(var(--bs-border-opacity) * 100%), transparent) !important; } .text-pink-600 { --bs-text-opacity: 1; color: color-mix(in srgb, var(--nex-pink-600) calc(var(--bs-text-opacity) * 100%), transparent) !important; } .bg-pink-600 { --bs-bg-opacity: 1; background-color: color-mix(in srgb, var(--nex-pink-600) calc(var(--bs-bg-opacity) * 100%), transparent) !important; } .border-pink-600 { --bs-border-opacity: 1; border-color: color-mix(in srgb, var(--nex-pink-600) calc(var(--bs-border-opacity) * 100%), transparent) !important; } .text-pink-700 { --bs-text-opacity: 1; color: color-mix(in srgb, var(--nex-pink-700) calc(var(--bs-text-opacity) * 100%), transparent) !important; } .bg-pink-700 { --bs-bg-opacity: 1; background-color: color-mix(in srgb, var(--nex-pink-700) calc(var(--bs-bg-opacity) * 100%), transparent) !important; } .border-pink-700 { --bs-border-opacity: 1; border-color: color-mix(in srgb, var(--nex-pink-700) calc(var(--bs-border-opacity) * 100%), transparent) !important; } .text-pink-800 { --bs-text-opacity: 1; color: color-mix(in srgb, var(--nex-pink-800) calc(var(--bs-text-opacity) * 100%), transparent) !important; } .bg-pink-800 { --bs-bg-opacity: 1; background-color: color-mix(in srgb, var(--nex-pink-800) calc(var(--bs-bg-opacity) * 100%), transparent) !important; } .border-pink-800 { --bs-border-opacity: 1; border-color: color-mix(in srgb, var(--nex-pink-800) calc(var(--bs-border-opacity) * 100%), transparent) !important; } .text-pink-900 { --bs-text-opacity: 1; color: color-mix(in srgb, var(--nex-pink-900) calc(var(--bs-text-opacity) * 100%), transparent) !important; } .bg-pink-900 { --bs-bg-opacity: 1; background-color: color-mix(in srgb, var(--nex-pink-900) calc(var(--bs-bg-opacity) * 100%), transparent) !important; } .border-pink-900 { --bs-border-opacity: 1; border-color: color-mix(in srgb, var(--nex-pink-900) calc(var(--bs-border-opacity) * 100%), transparent) !important; } .bg-gradient-pink { background-color: var(--nex-pink) !important; background-image: linear-gradient(to bottom, var(--nex-pink-400), var(--nex-pink-600)) !important; } .text-bg-pink { --bs-bg-opacity: 1; color: var(--nex-pink-contrast) !important; background-color: color-mix(in srgb, var(--nex-pink) calc(var(--bs-bg-opacity) * 100%), transparent) !important; } .card-header.bg-pink, .card-footer.bg-pink { --bs-card-cap-color: var(--nex-pink-contrast); color: var(--nex-pink-contrast); border-color: transparent; } .card > :is(.card-header, .card-footer).bg-pink:not([class*="bg-opacity"]) { background-color: color-mix(in srgb, var(--nex-pink) calc(100% - var(--nex-entete-assombri)), #000) !important; } .text-red { --bs-text-opacity: 1; color: color-mix(in srgb, var(--nex-red) calc(var(--bs-text-opacity) * 100%), transparent) !important; } .bg-red { --bs-bg-opacity: 1; background-color: color-mix(in srgb, var(--nex-red) calc(var(--bs-bg-opacity) * 100%), transparent) !important; } .border-red { --bs-border-opacity: 1; border-color: color-mix(in srgb, var(--nex-red) calc(var(--bs-border-opacity) * 100%), transparent) !important; } .text-red-100 { --bs-text-opacity: 1; color: color-mix(in srgb, var(--nex-red-100) calc(var(--bs-text-opacity) * 100%), transparent) !important; } .bg-red-100 { --bs-bg-opacity: 1; background-color: color-mix(in srgb, var(--nex-red-100) calc(var(--bs-bg-opacity) * 100%), transparent) !important; } .border-red-100 { --bs-border-opacity: 1; border-color: color-mix(in srgb, var(--nex-red-100) calc(var(--bs-border-opacity) * 100%), transparent) !important; } .text-red-200 { --bs-text-opacity: 1; color: color-mix(in srgb, var(--nex-red-200) calc(var(--bs-text-opacity) * 100%), transparent) !important; } .bg-red-200 { --bs-bg-opacity: 1; background-color: color-mix(in srgb, var(--nex-red-200) calc(var(--bs-bg-opacity) * 100%), transparent) !important; } .border-red-200 { --bs-border-opacity: 1; border-color: color-mix(in srgb, var(--nex-red-200) calc(var(--bs-border-opacity) * 100%), transparent) !important; } .text-red-300 { --bs-text-opacity: 1; color: color-mix(in srgb, var(--nex-red-300) calc(var(--bs-text-opacity) * 100%), transparent) !important; } .bg-red-300 { --bs-bg-opacity: 1; background-color: color-mix(in srgb, var(--nex-red-300) calc(var(--bs-bg-opacity) * 100%), transparent) !important; } .border-red-300 { --bs-border-opacity: 1; border-color: color-mix(in srgb, var(--nex-red-300) calc(var(--bs-border-opacity) * 100%), transparent) !important; } .text-red-400 { --bs-text-opacity: 1; color: color-mix(in srgb, var(--nex-red-400) calc(var(--bs-text-opacity) * 100%), transparent) !important; } .bg-red-400 { --bs-bg-opacity: 1; background-color: color-mix(in srgb, var(--nex-red-400) calc(var(--bs-bg-opacity) * 100%), transparent) !important; } .border-red-400 { --bs-border-opacity: 1; border-color: color-mix(in srgb, var(--nex-red-400) calc(var(--bs-border-opacity) * 100%), transparent) !important; } .text-red-500 { --bs-text-opacity: 1; color: color-mix(in srgb, var(--nex-red-500) calc(var(--bs-text-opacity) * 100%), transparent) !important; } .bg-red-500 { --bs-bg-opacity: 1; background-color: color-mix(in srgb, var(--nex-red-500) calc(var(--bs-bg-opacity) * 100%), transparent) !important; } .border-red-500 { --bs-border-opacity: 1; border-color: color-mix(in srgb, var(--nex-red-500) calc(var(--bs-border-opacity) * 100%), transparent) !important; } .text-red-600 { --bs-text-opacity: 1; color: color-mix(in srgb, var(--nex-red-600) calc(var(--bs-text-opacity) * 100%), transparent) !important; } .bg-red-600 { --bs-bg-opacity: 1; background-color: color-mix(in srgb, var(--nex-red-600) calc(var(--bs-bg-opacity) * 100%), transparent) !important; } .border-red-600 { --bs-border-opacity: 1; border-color: color-mix(in srgb, var(--nex-red-600) calc(var(--bs-border-opacity) * 100%), transparent) !important; } .text-red-700 { --bs-text-opacity: 1; color: color-mix(in srgb, var(--nex-red-700) calc(var(--bs-text-opacity) * 100%), transparent) !important; } .bg-red-700 { --bs-bg-opacity: 1; background-color: color-mix(in srgb, var(--nex-red-700) calc(var(--bs-bg-opacity) * 100%), transparent) !important; } .border-red-700 { --bs-border-opacity: 1; border-color: color-mix(in srgb, var(--nex-red-700) calc(var(--bs-border-opacity) * 100%), transparent) !important; } .text-red-800 { --bs-text-opacity: 1; color: color-mix(in srgb, var(--nex-red-800) calc(var(--bs-text-opacity) * 100%), transparent) !important; } .bg-red-800 { --bs-bg-opacity: 1; background-color: color-mix(in srgb, var(--nex-red-800) calc(var(--bs-bg-opacity) * 100%), transparent) !important; } .border-red-800 { --bs-border-opacity: 1; border-color: color-mix(in srgb, var(--nex-red-800) calc(var(--bs-border-opacity) * 100%), transparent) !important; } .text-red-900 { --bs-text-opacity: 1; color: color-mix(in srgb, var(--nex-red-900) calc(var(--bs-text-opacity) * 100%), transparent) !important; } .bg-red-900 { --bs-bg-opacity: 1; background-color: color-mix(in srgb, var(--nex-red-900) calc(var(--bs-bg-opacity) * 100%), transparent) !important; } .border-red-900 { --bs-border-opacity: 1; border-color: color-mix(in srgb, var(--nex-red-900) calc(var(--bs-border-opacity) * 100%), transparent) !important; } .bg-gradient-red { background-color: var(--nex-red) !important; background-image: linear-gradient(to bottom, var(--nex-red-400), var(--nex-red-600)) !important; } .text-bg-red { --bs-bg-opacity: 1; color: var(--nex-red-contrast) !important; background-color: color-mix(in srgb, var(--nex-red) calc(var(--bs-bg-opacity) * 100%), transparent) !important; } .card-header.bg-red, .card-footer.bg-red { --bs-card-cap-color: var(--nex-red-contrast); color: var(--nex-red-contrast); border-color: transparent; } .card > :is(.card-header, .card-footer).bg-red:not([class*="bg-opacity"]) { background-color: color-mix(in srgb, var(--nex-red) calc(100% - var(--nex-entete-assombri)), #000) !important; } .text-orange { --bs-text-opacity: 1; color: color-mix(in srgb, var(--nex-orange) calc(var(--bs-text-opacity) * 100%), transparent) !important; } .bg-orange { --bs-bg-opacity: 1; background-color: color-mix(in srgb, var(--nex-orange) calc(var(--bs-bg-opacity) * 100%), transparent) !important; } .border-orange { --bs-border-opacity: 1; border-color: color-mix(in srgb, var(--nex-orange) calc(var(--bs-border-opacity) * 100%), transparent) !important; } .text-orange-100 { --bs-text-opacity: 1; color: color-mix(in srgb, var(--nex-orange-100) calc(var(--bs-text-opacity) * 100%), transparent) !important; } .bg-orange-100 { --bs-bg-opacity: 1; background-color: color-mix(in srgb, var(--nex-orange-100) calc(var(--bs-bg-opacity) * 100%), transparent) !important; } .border-orange-100 { --bs-border-opacity: 1; border-color: color-mix(in srgb, var(--nex-orange-100) calc(var(--bs-border-opacity) * 100%), transparent) !important; } .text-orange-200 { --bs-text-opacity: 1; color: color-mix(in srgb, var(--nex-orange-200) calc(var(--bs-text-opacity) * 100%), transparent) !important; } .bg-orange-200 { --bs-bg-opacity: 1; background-color: color-mix(in srgb, var(--nex-orange-200) calc(var(--bs-bg-opacity) * 100%), transparent) !important; } .border-orange-200 { --bs-border-opacity: 1; border-color: color-mix(in srgb, var(--nex-orange-200) calc(var(--bs-border-opacity) * 100%), transparent) !important; } .text-orange-300 { --bs-text-opacity: 1; color: color-mix(in srgb, var(--nex-orange-300) calc(var(--bs-text-opacity) * 100%), transparent) !important; } .bg-orange-300 { --bs-bg-opacity: 1; background-color: color-mix(in srgb, var(--nex-orange-300) calc(var(--bs-bg-opacity) * 100%), transparent) !important; } .border-orange-300 { --bs-border-opacity: 1; border-color: color-mix(in srgb, var(--nex-orange-300) calc(var(--bs-border-opacity) * 100%), transparent) !important; } .text-orange-400 { --bs-text-opacity: 1; color: color-mix(in srgb, var(--nex-orange-400) calc(var(--bs-text-opacity) * 100%), transparent) !important; } .bg-orange-400 { --bs-bg-opacity: 1; background-color: color-mix(in srgb, var(--nex-orange-400) calc(var(--bs-bg-opacity) * 100%), transparent) !important; } .border-orange-400 { --bs-border-opacity: 1; border-color: color-mix(in srgb, var(--nex-orange-400) calc(var(--bs-border-opacity) * 100%), transparent) !important; } .text-orange-500 { --bs-text-opacity: 1; color: color-mix(in srgb, var(--nex-orange-500) calc(var(--bs-text-opacity) * 100%), transparent) !important; } .bg-orange-500 { --bs-bg-opacity: 1; background-color: color-mix(in srgb, var(--nex-orange-500) calc(var(--bs-bg-opacity) * 100%), transparent) !important; } .border-orange-500 { --bs-border-opacity: 1; border-color: color-mix(in srgb, var(--nex-orange-500) calc(var(--bs-border-opacity) * 100%), transparent) !important; } .text-orange-600 { --bs-text-opacity: 1; color: color-mix(in srgb, var(--nex-orange-600) calc(var(--bs-text-opacity) * 100%), transparent) !important; } .bg-orange-600 { --bs-bg-opacity: 1; background-color: color-mix(in srgb, var(--nex-orange-600) calc(var(--bs-bg-opacity) * 100%), transparent) !important; } .border-orange-600 { --bs-border-opacity: 1; border-color: color-mix(in srgb, var(--nex-orange-600) calc(var(--bs-border-opacity) * 100%), transparent) !important; } .text-orange-700 { --bs-text-opacity: 1; color: color-mix(in srgb, var(--nex-orange-700) calc(var(--bs-text-opacity) * 100%), transparent) !important; } .bg-orange-700 { --bs-bg-opacity: 1; background-color: color-mix(in srgb, var(--nex-orange-700) calc(var(--bs-bg-opacity) * 100%), transparent) !important; } .border-orange-700 { --bs-border-opacity: 1; border-color: color-mix(in srgb, var(--nex-orange-700) calc(var(--bs-border-opacity) * 100%), transparent) !important; } .text-orange-800 { --bs-text-opacity: 1; color: color-mix(in srgb, var(--nex-orange-800) calc(var(--bs-text-opacity) * 100%), transparent) !important; } .bg-orange-800 { --bs-bg-opacity: 1; background-color: color-mix(in srgb, var(--nex-orange-800) calc(var(--bs-bg-opacity) * 100%), transparent) !important; } .border-orange-800 { --bs-border-opacity: 1; border-color: color-mix(in srgb, var(--nex-orange-800) calc(var(--bs-border-opacity) * 100%), transparent) !important; } .text-orange-900 { --bs-text-opacity: 1; color: color-mix(in srgb, var(--nex-orange-900) calc(var(--bs-text-opacity) * 100%), transparent) !important; } .bg-orange-900 { --bs-bg-opacity: 1; background-color: color-mix(in srgb, var(--nex-orange-900) calc(var(--bs-bg-opacity) * 100%), transparent) !important; } .border-orange-900 { --bs-border-opacity: 1; border-color: color-mix(in srgb, var(--nex-orange-900) calc(var(--bs-border-opacity) * 100%), transparent) !important; } .bg-gradient-orange { background-color: var(--nex-orange) !important; background-image: linear-gradient(to bottom, var(--nex-orange-400), var(--nex-orange-600)) !important; } .text-bg-orange { --bs-bg-opacity: 1; color: var(--nex-orange-contrast) !important; background-color: color-mix(in srgb, var(--nex-orange) calc(var(--bs-bg-opacity) * 100%), transparent) !important; } .card-header.bg-orange, .card-footer.bg-orange { --bs-card-cap-color: var(--nex-orange-contrast); color: var(--nex-orange-contrast); border-color: transparent; } .card > :is(.card-header, .card-footer).bg-orange:not([class*="bg-opacity"]) { background-color: color-mix(in srgb, var(--nex-orange) calc(100% - var(--nex-entete-assombri)), #000) !important; } .text-yellow { --bs-text-opacity: 1; color: color-mix(in srgb, var(--nex-yellow) calc(var(--bs-text-opacity) * 100%), transparent) !important; } .bg-yellow { --bs-bg-opacity: 1; background-color: color-mix(in srgb, var(--nex-yellow) calc(var(--bs-bg-opacity) * 100%), transparent) !important; } .border-yellow { --bs-border-opacity: 1; border-color: color-mix(in srgb, var(--nex-yellow) calc(var(--bs-border-opacity) * 100%), transparent) !important; } .text-yellow-100 { --bs-text-opacity: 1; color: color-mix(in srgb, var(--nex-yellow-100) calc(var(--bs-text-opacity) * 100%), transparent) !important; } .bg-yellow-100 { --bs-bg-opacity: 1; background-color: color-mix(in srgb, var(--nex-yellow-100) calc(var(--bs-bg-opacity) * 100%), transparent) !important; } .border-yellow-100 { --bs-border-opacity: 1; border-color: color-mix(in srgb, var(--nex-yellow-100) calc(var(--bs-border-opacity) * 100%), transparent) !important; } .text-yellow-200 { --bs-text-opacity: 1; color: color-mix(in srgb, var(--nex-yellow-200) calc(var(--bs-text-opacity) * 100%), transparent) !important; } .bg-yellow-200 { --bs-bg-opacity: 1; background-color: color-mix(in srgb, var(--nex-yellow-200) calc(var(--bs-bg-opacity) * 100%), transparent) !important; } .border-yellow-200 { --bs-border-opacity: 1; border-color: color-mix(in srgb, var(--nex-yellow-200) calc(var(--bs-border-opacity) * 100%), transparent) !important; } .text-yellow-300 { --bs-text-opacity: 1; color: color-mix(in srgb, var(--nex-yellow-300) calc(var(--bs-text-opacity) * 100%), transparent) !important; } .bg-yellow-300 { --bs-bg-opacity: 1; background-color: color-mix(in srgb, var(--nex-yellow-300) calc(var(--bs-bg-opacity) * 100%), transparent) !important; } .border-yellow-300 { --bs-border-opacity: 1; border-color: color-mix(in srgb, var(--nex-yellow-300) calc(var(--bs-border-opacity) * 100%), transparent) !important; } .text-yellow-400 { --bs-text-opacity: 1; color: color-mix(in srgb, var(--nex-yellow-400) calc(var(--bs-text-opacity) * 100%), transparent) !important; } .bg-yellow-400 { --bs-bg-opacity: 1; background-color: color-mix(in srgb, var(--nex-yellow-400) calc(var(--bs-bg-opacity) * 100%), transparent) !important; } .border-yellow-400 { --bs-border-opacity: 1; border-color: color-mix(in srgb, var(--nex-yellow-400) calc(var(--bs-border-opacity) * 100%), transparent) !important; } .text-yellow-500 { --bs-text-opacity: 1; color: color-mix(in srgb, var(--nex-yellow-500) calc(var(--bs-text-opacity) * 100%), transparent) !important; } .bg-yellow-500 { --bs-bg-opacity: 1; background-color: color-mix(in srgb, var(--nex-yellow-500) calc(var(--bs-bg-opacity) * 100%), transparent) !important; } .border-yellow-500 { --bs-border-opacity: 1; border-color: color-mix(in srgb, var(--nex-yellow-500) calc(var(--bs-border-opacity) * 100%), transparent) !important; } .text-yellow-600 { --bs-text-opacity: 1; color: color-mix(in srgb, var(--nex-yellow-600) calc(var(--bs-text-opacity) * 100%), transparent) !important; } .bg-yellow-600 { --bs-bg-opacity: 1; background-color: color-mix(in srgb, var(--nex-yellow-600) calc(var(--bs-bg-opacity) * 100%), transparent) !important; } .border-yellow-600 { --bs-border-opacity: 1; border-color: color-mix(in srgb, var(--nex-yellow-600) calc(var(--bs-border-opacity) * 100%), transparent) !important; } .text-yellow-700 { --bs-text-opacity: 1; color: color-mix(in srgb, var(--nex-yellow-700) calc(var(--bs-text-opacity) * 100%), transparent) !important; } .bg-yellow-700 { --bs-bg-opacity: 1; background-color: color-mix(in srgb, var(--nex-yellow-700) calc(var(--bs-bg-opacity) * 100%), transparent) !important; } .border-yellow-700 { --bs-border-opacity: 1; border-color: color-mix(in srgb, var(--nex-yellow-700) calc(var(--bs-border-opacity) * 100%), transparent) !important; } .text-yellow-800 { --bs-text-opacity: 1; color: color-mix(in srgb, var(--nex-yellow-800) calc(var(--bs-text-opacity) * 100%), transparent) !important; } .bg-yellow-800 { --bs-bg-opacity: 1; background-color: color-mix(in srgb, var(--nex-yellow-800) calc(var(--bs-bg-opacity) * 100%), transparent) !important; } .border-yellow-800 { --bs-border-opacity: 1; border-color: color-mix(in srgb, var(--nex-yellow-800) calc(var(--bs-border-opacity) * 100%), transparent) !important; } .text-yellow-900 { --bs-text-opacity: 1; color: color-mix(in srgb, var(--nex-yellow-900) calc(var(--bs-text-opacity) * 100%), transparent) !important; } .bg-yellow-900 { --bs-bg-opacity: 1; background-color: color-mix(in srgb, var(--nex-yellow-900) calc(var(--bs-bg-opacity) * 100%), transparent) !important; } .border-yellow-900 { --bs-border-opacity: 1; border-color: color-mix(in srgb, var(--nex-yellow-900) calc(var(--bs-border-opacity) * 100%), transparent) !important; } .bg-gradient-yellow { background-color: var(--nex-yellow) !important; background-image: linear-gradient(to bottom, var(--nex-yellow-400), var(--nex-yellow-600)) !important; } .text-bg-yellow { --bs-bg-opacity: 1; color: var(--nex-yellow-contrast) !important; background-color: color-mix(in srgb, var(--nex-yellow) calc(var(--bs-bg-opacity) * 100%), transparent) !important; } .card-header.bg-yellow, .card-footer.bg-yellow { --bs-card-cap-color: var(--nex-yellow-contrast); color: var(--nex-yellow-contrast); border-color: transparent; } .card > :is(.card-header, .card-footer).bg-yellow:not([class*="bg-opacity"]) { background-color: color-mix(in srgb, var(--nex-yellow) calc(100% - var(--nex-entete-assombri)), #000) !important; } .text-green { --bs-text-opacity: 1; color: color-mix(in srgb, var(--nex-green) calc(var(--bs-text-opacity) * 100%), transparent) !important; } .bg-green { --bs-bg-opacity: 1; background-color: color-mix(in srgb, var(--nex-green) calc(var(--bs-bg-opacity) * 100%), transparent) !important; } .border-green { --bs-border-opacity: 1; border-color: color-mix(in srgb, var(--nex-green) calc(var(--bs-border-opacity) * 100%), transparent) !important; } .text-green-100 { --bs-text-opacity: 1; color: color-mix(in srgb, var(--nex-green-100) calc(var(--bs-text-opacity) * 100%), transparent) !important; } .bg-green-100 { --bs-bg-opacity: 1; background-color: color-mix(in srgb, var(--nex-green-100) calc(var(--bs-bg-opacity) * 100%), transparent) !important; } .border-green-100 { --bs-border-opacity: 1; border-color: color-mix(in srgb, var(--nex-green-100) calc(var(--bs-border-opacity) * 100%), transparent) !important; } .text-green-200 { --bs-text-opacity: 1; color: color-mix(in srgb, var(--nex-green-200) calc(var(--bs-text-opacity) * 100%), transparent) !important; } .bg-green-200 { --bs-bg-opacity: 1; background-color: color-mix(in srgb, var(--nex-green-200) calc(var(--bs-bg-opacity) * 100%), transparent) !important; } .border-green-200 { --bs-border-opacity: 1; border-color: color-mix(in srgb, var(--nex-green-200) calc(var(--bs-border-opacity) * 100%), transparent) !important; } .text-green-300 { --bs-text-opacity: 1; color: color-mix(in srgb, var(--nex-green-300) calc(var(--bs-text-opacity) * 100%), transparent) !important; } .bg-green-300 { --bs-bg-opacity: 1; background-color: color-mix(in srgb, var(--nex-green-300) calc(var(--bs-bg-opacity) * 100%), transparent) !important; } .border-green-300 { --bs-border-opacity: 1; border-color: color-mix(in srgb, var(--nex-green-300) calc(var(--bs-border-opacity) * 100%), transparent) !important; } .text-green-400 { --bs-text-opacity: 1; color: color-mix(in srgb, var(--nex-green-400) calc(var(--bs-text-opacity) * 100%), transparent) !important; } .bg-green-400 { --bs-bg-opacity: 1; background-color: color-mix(in srgb, var(--nex-green-400) calc(var(--bs-bg-opacity) * 100%), transparent) !important; } .border-green-400 { --bs-border-opacity: 1; border-color: color-mix(in srgb, var(--nex-green-400) calc(var(--bs-border-opacity) * 100%), transparent) !important; } .text-green-500 { --bs-text-opacity: 1; color: color-mix(in srgb, var(--nex-green-500) calc(var(--bs-text-opacity) * 100%), transparent) !important; } .bg-green-500 { --bs-bg-opacity: 1; background-color: color-mix(in srgb, var(--nex-green-500) calc(var(--bs-bg-opacity) * 100%), transparent) !important; } .border-green-500 { --bs-border-opacity: 1; border-color: color-mix(in srgb, var(--nex-green-500) calc(var(--bs-border-opacity) * 100%), transparent) !important; } .text-green-600 { --bs-text-opacity: 1; color: color-mix(in srgb, var(--nex-green-600) calc(var(--bs-text-opacity) * 100%), transparent) !important; } .bg-green-600 { --bs-bg-opacity: 1; background-color: color-mix(in srgb, var(--nex-green-600) calc(var(--bs-bg-opacity) * 100%), transparent) !important; } .border-green-600 { --bs-border-opacity: 1; border-color: color-mix(in srgb, var(--nex-green-600) calc(var(--bs-border-opacity) * 100%), transparent) !important; } .text-green-700 { --bs-text-opacity: 1; color: color-mix(in srgb, var(--nex-green-700) calc(var(--bs-text-opacity) * 100%), transparent) !important; } .bg-green-700 { --bs-bg-opacity: 1; background-color: color-mix(in srgb, var(--nex-green-700) calc(var(--bs-bg-opacity) * 100%), transparent) !important; } .border-green-700 { --bs-border-opacity: 1; border-color: color-mix(in srgb, var(--nex-green-700) calc(var(--bs-border-opacity) * 100%), transparent) !important; } .text-green-800 { --bs-text-opacity: 1; color: color-mix(in srgb, var(--nex-green-800) calc(var(--bs-text-opacity) * 100%), transparent) !important; } .bg-green-800 { --bs-bg-opacity: 1; background-color: color-mix(in srgb, var(--nex-green-800) calc(var(--bs-bg-opacity) * 100%), transparent) !important; } .border-green-800 { --bs-border-opacity: 1; border-color: color-mix(in srgb, var(--nex-green-800) calc(var(--bs-border-opacity) * 100%), transparent) !important; } .text-green-900 { --bs-text-opacity: 1; color: color-mix(in srgb, var(--nex-green-900) calc(var(--bs-text-opacity) * 100%), transparent) !important; } .bg-green-900 { --bs-bg-opacity: 1; background-color: color-mix(in srgb, var(--nex-green-900) calc(var(--bs-bg-opacity) * 100%), transparent) !important; } .border-green-900 { --bs-border-opacity: 1; border-color: color-mix(in srgb, var(--nex-green-900) calc(var(--bs-border-opacity) * 100%), transparent) !important; } .bg-gradient-green { background-color: var(--nex-green) !important; background-image: linear-gradient(to bottom, var(--nex-green-400), var(--nex-green-600)) !important; } .text-bg-green { --bs-bg-opacity: 1; color: var(--nex-green-contrast) !important; background-color: color-mix(in srgb, var(--nex-green) calc(var(--bs-bg-opacity) * 100%), transparent) !important; } .card-header.bg-green, .card-footer.bg-green { --bs-card-cap-color: var(--nex-green-contrast); color: var(--nex-green-contrast); border-color: transparent; } .card > :is(.card-header, .card-footer).bg-green:not([class*="bg-opacity"]) { background-color: color-mix(in srgb, var(--nex-green) calc(100% - var(--nex-entete-assombri)), #000) !important; } .text-teal { --bs-text-opacity: 1; color: color-mix(in srgb, var(--nex-teal) calc(var(--bs-text-opacity) * 100%), transparent) !important; } .bg-teal { --bs-bg-opacity: 1; background-color: color-mix(in srgb, var(--nex-teal) calc(var(--bs-bg-opacity) * 100%), transparent) !important; } .border-teal { --bs-border-opacity: 1; border-color: color-mix(in srgb, var(--nex-teal) calc(var(--bs-border-opacity) * 100%), transparent) !important; } .text-teal-100 { --bs-text-opacity: 1; color: color-mix(in srgb, var(--nex-teal-100) calc(var(--bs-text-opacity) * 100%), transparent) !important; } .bg-teal-100 { --bs-bg-opacity: 1; background-color: color-mix(in srgb, var(--nex-teal-100) calc(var(--bs-bg-opacity) * 100%), transparent) !important; } .border-teal-100 { --bs-border-opacity: 1; border-color: color-mix(in srgb, var(--nex-teal-100) calc(var(--bs-border-opacity) * 100%), transparent) !important; } .text-teal-200 { --bs-text-opacity: 1; color: color-mix(in srgb, var(--nex-teal-200) calc(var(--bs-text-opacity) * 100%), transparent) !important; } .bg-teal-200 { --bs-bg-opacity: 1; background-color: color-mix(in srgb, var(--nex-teal-200) calc(var(--bs-bg-opacity) * 100%), transparent) !important; } .border-teal-200 { --bs-border-opacity: 1; border-color: color-mix(in srgb, var(--nex-teal-200) calc(var(--bs-border-opacity) * 100%), transparent) !important; } .text-teal-300 { --bs-text-opacity: 1; color: color-mix(in srgb, var(--nex-teal-300) calc(var(--bs-text-opacity) * 100%), transparent) !important; } .bg-teal-300 { --bs-bg-opacity: 1; background-color: color-mix(in srgb, var(--nex-teal-300) calc(var(--bs-bg-opacity) * 100%), transparent) !important; } .border-teal-300 { --bs-border-opacity: 1; border-color: color-mix(in srgb, var(--nex-teal-300) calc(var(--bs-border-opacity) * 100%), transparent) !important; } .text-teal-400 { --bs-text-opacity: 1; color: color-mix(in srgb, var(--nex-teal-400) calc(var(--bs-text-opacity) * 100%), transparent) !important; } .bg-teal-400 { --bs-bg-opacity: 1; background-color: color-mix(in srgb, var(--nex-teal-400) calc(var(--bs-bg-opacity) * 100%), transparent) !important; } .border-teal-400 { --bs-border-opacity: 1; border-color: color-mix(in srgb, var(--nex-teal-400) calc(var(--bs-border-opacity) * 100%), transparent) !important; } .text-teal-500 { --bs-text-opacity: 1; color: color-mix(in srgb, var(--nex-teal-500) calc(var(--bs-text-opacity) * 100%), transparent) !important; } .bg-teal-500 { --bs-bg-opacity: 1; background-color: color-mix(in srgb, var(--nex-teal-500) calc(var(--bs-bg-opacity) * 100%), transparent) !important; } .border-teal-500 { --bs-border-opacity: 1; border-color: color-mix(in srgb, var(--nex-teal-500) calc(var(--bs-border-opacity) * 100%), transparent) !important; } .text-teal-600 { --bs-text-opacity: 1; color: color-mix(in srgb, var(--nex-teal-600) calc(var(--bs-text-opacity) * 100%), transparent) !important; } .bg-teal-600 { --bs-bg-opacity: 1; background-color: color-mix(in srgb, var(--nex-teal-600) calc(var(--bs-bg-opacity) * 100%), transparent) !important; } .border-teal-600 { --bs-border-opacity: 1; border-color: color-mix(in srgb, var(--nex-teal-600) calc(var(--bs-border-opacity) * 100%), transparent) !important; } .text-teal-700 { --bs-text-opacity: 1; color: color-mix(in srgb, var(--nex-teal-700) calc(var(--bs-text-opacity) * 100%), transparent) !important; } .bg-teal-700 { --bs-bg-opacity: 1; background-color: color-mix(in srgb, var(--nex-teal-700) calc(var(--bs-bg-opacity) * 100%), transparent) !important; } .border-teal-700 { --bs-border-opacity: 1; border-color: color-mix(in srgb, var(--nex-teal-700) calc(var(--bs-border-opacity) * 100%), transparent) !important; } .text-teal-800 { --bs-text-opacity: 1; color: color-mix(in srgb, var(--nex-teal-800) calc(var(--bs-text-opacity) * 100%), transparent) !important; } .bg-teal-800 { --bs-bg-opacity: 1; background-color: color-mix(in srgb, var(--nex-teal-800) calc(var(--bs-bg-opacity) * 100%), transparent) !important; } .border-teal-800 { --bs-border-opacity: 1; border-color: color-mix(in srgb, var(--nex-teal-800) calc(var(--bs-border-opacity) * 100%), transparent) !important; } .text-teal-900 { --bs-text-opacity: 1; color: color-mix(in srgb, var(--nex-teal-900) calc(var(--bs-text-opacity) * 100%), transparent) !important; } .bg-teal-900 { --bs-bg-opacity: 1; background-color: color-mix(in srgb, var(--nex-teal-900) calc(var(--bs-bg-opacity) * 100%), transparent) !important; } .border-teal-900 { --bs-border-opacity: 1; border-color: color-mix(in srgb, var(--nex-teal-900) calc(var(--bs-border-opacity) * 100%), transparent) !important; } .bg-gradient-teal { background-color: var(--nex-teal) !important; background-image: linear-gradient(to bottom, var(--nex-teal-400), var(--nex-teal-600)) !important; } .text-bg-teal { --bs-bg-opacity: 1; color: var(--nex-teal-contrast) !important; background-color: color-mix(in srgb, var(--nex-teal) calc(var(--bs-bg-opacity) * 100%), transparent) !important; } .card-header.bg-teal, .card-footer.bg-teal { --bs-card-cap-color: var(--nex-teal-contrast); color: var(--nex-teal-contrast); border-color: transparent; } .card > :is(.card-header, .card-footer).bg-teal:not([class*="bg-opacity"]) { background-color: color-mix(in srgb, var(--nex-teal) calc(100% - var(--nex-entete-assombri)), #000) !important; } .text-lime { --bs-text-opacity: 1; color: color-mix(in srgb, var(--nex-lime) calc(var(--bs-text-opacity) * 100%), transparent) !important; } .bg-lime { --bs-bg-opacity: 1; background-color: color-mix(in srgb, var(--nex-lime) calc(var(--bs-bg-opacity) * 100%), transparent) !important; } .border-lime { --bs-border-opacity: 1; border-color: color-mix(in srgb, var(--nex-lime) calc(var(--bs-border-opacity) * 100%), transparent) !important; } .text-lime-100 { --bs-text-opacity: 1; color: color-mix(in srgb, var(--nex-lime-100) calc(var(--bs-text-opacity) * 100%), transparent) !important; } .bg-lime-100 { --bs-bg-opacity: 1; background-color: color-mix(in srgb, var(--nex-lime-100) calc(var(--bs-bg-opacity) * 100%), transparent) !important; } .border-lime-100 { --bs-border-opacity: 1; border-color: color-mix(in srgb, var(--nex-lime-100) calc(var(--bs-border-opacity) * 100%), transparent) !important; } .text-lime-200 { --bs-text-opacity: 1; color: color-mix(in srgb, var(--nex-lime-200) calc(var(--bs-text-opacity) * 100%), transparent) !important; } .bg-lime-200 { --bs-bg-opacity: 1; background-color: color-mix(in srgb, var(--nex-lime-200) calc(var(--bs-bg-opacity) * 100%), transparent) !important; } .border-lime-200 { --bs-border-opacity: 1; border-color: color-mix(in srgb, var(--nex-lime-200) calc(var(--bs-border-opacity) * 100%), transparent) !important; } .text-lime-300 { --bs-text-opacity: 1; color: color-mix(in srgb, var(--nex-lime-300) calc(var(--bs-text-opacity) * 100%), transparent) !important; } .bg-lime-300 { --bs-bg-opacity: 1; background-color: color-mix(in srgb, var(--nex-lime-300) calc(var(--bs-bg-opacity) * 100%), transparent) !important; } .border-lime-300 { --bs-border-opacity: 1; border-color: color-mix(in srgb, var(--nex-lime-300) calc(var(--bs-border-opacity) * 100%), transparent) !important; } .text-lime-400 { --bs-text-opacity: 1; color: color-mix(in srgb, var(--nex-lime-400) calc(var(--bs-text-opacity) * 100%), transparent) !important; } .bg-lime-400 { --bs-bg-opacity: 1; background-color: color-mix(in srgb, var(--nex-lime-400) calc(var(--bs-bg-opacity) * 100%), transparent) !important; } .border-lime-400 { --bs-border-opacity: 1; border-color: color-mix(in srgb, var(--nex-lime-400) calc(var(--bs-border-opacity) * 100%), transparent) !important; } .text-lime-500 { --bs-text-opacity: 1; color: color-mix(in srgb, var(--nex-lime-500) calc(var(--bs-text-opacity) * 100%), transparent) !important; } .bg-lime-500 { --bs-bg-opacity: 1; background-color: color-mix(in srgb, var(--nex-lime-500) calc(var(--bs-bg-opacity) * 100%), transparent) !important; } .border-lime-500 { --bs-border-opacity: 1; border-color: color-mix(in srgb, var(--nex-lime-500) calc(var(--bs-border-opacity) * 100%), transparent) !important; } .text-lime-600 { --bs-text-opacity: 1; color: color-mix(in srgb, var(--nex-lime-600) calc(var(--bs-text-opacity) * 100%), transparent) !important; } .bg-lime-600 { --bs-bg-opacity: 1; background-color: color-mix(in srgb, var(--nex-lime-600) calc(var(--bs-bg-opacity) * 100%), transparent) !important; } .border-lime-600 { --bs-border-opacity: 1; border-color: color-mix(in srgb, var(--nex-lime-600) calc(var(--bs-border-opacity) * 100%), transparent) !important; } .text-lime-700 { --bs-text-opacity: 1; color: color-mix(in srgb, var(--nex-lime-700) calc(var(--bs-text-opacity) * 100%), transparent) !important; } .bg-lime-700 { --bs-bg-opacity: 1; background-color: color-mix(in srgb, var(--nex-lime-700) calc(var(--bs-bg-opacity) * 100%), transparent) !important; } .border-lime-700 { --bs-border-opacity: 1; border-color: color-mix(in srgb, var(--nex-lime-700) calc(var(--bs-border-opacity) * 100%), transparent) !important; } .text-lime-800 { --bs-text-opacity: 1; color: color-mix(in srgb, var(--nex-lime-800) calc(var(--bs-text-opacity) * 100%), transparent) !important; } .bg-lime-800 { --bs-bg-opacity: 1; background-color: color-mix(in srgb, var(--nex-lime-800) calc(var(--bs-bg-opacity) * 100%), transparent) !important; } .border-lime-800 { --bs-border-opacity: 1; border-color: color-mix(in srgb, var(--nex-lime-800) calc(var(--bs-border-opacity) * 100%), transparent) !important; } .text-lime-900 { --bs-text-opacity: 1; color: color-mix(in srgb, var(--nex-lime-900) calc(var(--bs-text-opacity) * 100%), transparent) !important; } .bg-lime-900 { --bs-bg-opacity: 1; background-color: color-mix(in srgb, var(--nex-lime-900) calc(var(--bs-bg-opacity) * 100%), transparent) !important; } .border-lime-900 { --bs-border-opacity: 1; border-color: color-mix(in srgb, var(--nex-lime-900) calc(var(--bs-border-opacity) * 100%), transparent) !important; } .bg-gradient-lime { background-color: var(--nex-lime) !important; background-image: linear-gradient(to bottom, var(--nex-lime-400), var(--nex-lime-600)) !important; } .text-bg-lime { --bs-bg-opacity: 1; color: var(--nex-lime-contrast) !important; background-color: color-mix(in srgb, var(--nex-lime) calc(var(--bs-bg-opacity) * 100%), transparent) !important; } .card-header.bg-lime, .card-footer.bg-lime { --bs-card-cap-color: var(--nex-lime-contrast); color: var(--nex-lime-contrast); border-color: transparent; } .card > :is(.card-header, .card-footer).bg-lime:not([class*="bg-opacity"]) { background-color: color-mix(in srgb, var(--nex-lime) calc(100% - var(--nex-entete-assombri)), #000) !important; } .text-cyan { --bs-text-opacity: 1; color: color-mix(in srgb, var(--nex-cyan) calc(var(--bs-text-opacity) * 100%), transparent) !important; } .bg-cyan { --bs-bg-opacity: 1; background-color: color-mix(in srgb, var(--nex-cyan) calc(var(--bs-bg-opacity) * 100%), transparent) !important; } .border-cyan { --bs-border-opacity: 1; border-color: color-mix(in srgb, var(--nex-cyan) calc(var(--bs-border-opacity) * 100%), transparent) !important; } .text-cyan-100 { --bs-text-opacity: 1; color: color-mix(in srgb, var(--nex-cyan-100) calc(var(--bs-text-opacity) * 100%), transparent) !important; } .bg-cyan-100 { --bs-bg-opacity: 1; background-color: color-mix(in srgb, var(--nex-cyan-100) calc(var(--bs-bg-opacity) * 100%), transparent) !important; } .border-cyan-100 { --bs-border-opacity: 1; border-color: color-mix(in srgb, var(--nex-cyan-100) calc(var(--bs-border-opacity) * 100%), transparent) !important; } .text-cyan-200 { --bs-text-opacity: 1; color: color-mix(in srgb, var(--nex-cyan-200) calc(var(--bs-text-opacity) * 100%), transparent) !important; } .bg-cyan-200 { --bs-bg-opacity: 1; background-color: color-mix(in srgb, var(--nex-cyan-200) calc(var(--bs-bg-opacity) * 100%), transparent) !important; } .border-cyan-200 { --bs-border-opacity: 1; border-color: color-mix(in srgb, var(--nex-cyan-200) calc(var(--bs-border-opacity) * 100%), transparent) !important; } .text-cyan-300 { --bs-text-opacity: 1; color: color-mix(in srgb, var(--nex-cyan-300) calc(var(--bs-text-opacity) * 100%), transparent) !important; } .bg-cyan-300 { --bs-bg-opacity: 1; background-color: color-mix(in srgb, var(--nex-cyan-300) calc(var(--bs-bg-opacity) * 100%), transparent) !important; } .border-cyan-300 { --bs-border-opacity: 1; border-color: color-mix(in srgb, var(--nex-cyan-300) calc(var(--bs-border-opacity) * 100%), transparent) !important; } .text-cyan-400 { --bs-text-opacity: 1; color: color-mix(in srgb, var(--nex-cyan-400) calc(var(--bs-text-opacity) * 100%), transparent) !important; } .bg-cyan-400 { --bs-bg-opacity: 1; background-color: color-mix(in srgb, var(--nex-cyan-400) calc(var(--bs-bg-opacity) * 100%), transparent) !important; } .border-cyan-400 { --bs-border-opacity: 1; border-color: color-mix(in srgb, var(--nex-cyan-400) calc(var(--bs-border-opacity) * 100%), transparent) !important; } .text-cyan-500 { --bs-text-opacity: 1; color: color-mix(in srgb, var(--nex-cyan-500) calc(var(--bs-text-opacity) * 100%), transparent) !important; } .bg-cyan-500 { --bs-bg-opacity: 1; background-color: color-mix(in srgb, var(--nex-cyan-500) calc(var(--bs-bg-opacity) * 100%), transparent) !important; } .border-cyan-500 { --bs-border-opacity: 1; border-color: color-mix(in srgb, var(--nex-cyan-500) calc(var(--bs-border-opacity) * 100%), transparent) !important; } .text-cyan-600 { --bs-text-opacity: 1; color: color-mix(in srgb, var(--nex-cyan-600) calc(var(--bs-text-opacity) * 100%), transparent) !important; } .bg-cyan-600 { --bs-bg-opacity: 1; background-color: color-mix(in srgb, var(--nex-cyan-600) calc(var(--bs-bg-opacity) * 100%), transparent) !important; } .border-cyan-600 { --bs-border-opacity: 1; border-color: color-mix(in srgb, var(--nex-cyan-600) calc(var(--bs-border-opacity) * 100%), transparent) !important; } .text-cyan-700 { --bs-text-opacity: 1; color: color-mix(in srgb, var(--nex-cyan-700) calc(var(--bs-text-opacity) * 100%), transparent) !important; } .bg-cyan-700 { --bs-bg-opacity: 1; background-color: color-mix(in srgb, var(--nex-cyan-700) calc(var(--bs-bg-opacity) * 100%), transparent) !important; } .border-cyan-700 { --bs-border-opacity: 1; border-color: color-mix(in srgb, var(--nex-cyan-700) calc(var(--bs-border-opacity) * 100%), transparent) !important; } .text-cyan-800 { --bs-text-opacity: 1; color: color-mix(in srgb, var(--nex-cyan-800) calc(var(--bs-text-opacity) * 100%), transparent) !important; } .bg-cyan-800 { --bs-bg-opacity: 1; background-color: color-mix(in srgb, var(--nex-cyan-800) calc(var(--bs-bg-opacity) * 100%), transparent) !important; } .border-cyan-800 { --bs-border-opacity: 1; border-color: color-mix(in srgb, var(--nex-cyan-800) calc(var(--bs-border-opacity) * 100%), transparent) !important; } .text-cyan-900 { --bs-text-opacity: 1; color: color-mix(in srgb, var(--nex-cyan-900) calc(var(--bs-text-opacity) * 100%), transparent) !important; } .bg-cyan-900 { --bs-bg-opacity: 1; background-color: color-mix(in srgb, var(--nex-cyan-900) calc(var(--bs-bg-opacity) * 100%), transparent) !important; } .border-cyan-900 { --bs-border-opacity: 1; border-color: color-mix(in srgb, var(--nex-cyan-900) calc(var(--bs-border-opacity) * 100%), transparent) !important; } .bg-gradient-cyan { background-color: var(--nex-cyan) !important; background-image: linear-gradient(to bottom, var(--nex-cyan-400), var(--nex-cyan-600)) !important; } .text-bg-cyan { --bs-bg-opacity: 1; color: var(--nex-cyan-contrast) !important; background-color: color-mix(in srgb, var(--nex-cyan) calc(var(--bs-bg-opacity) * 100%), transparent) !important; } .card-header.bg-cyan, .card-footer.bg-cyan { --bs-card-cap-color: var(--nex-cyan-contrast); color: var(--nex-cyan-contrast); border-color: transparent; } .card > :is(.card-header, .card-footer).bg-cyan:not([class*="bg-opacity"]) { background-color: color-mix(in srgb, var(--nex-cyan) calc(100% - var(--nex-entete-assombri)), #000) !important; } .text-brown { --bs-text-opacity: 1; color: color-mix(in srgb, var(--nex-brown) calc(var(--bs-text-opacity) * 100%), transparent) !important; } .bg-brown { --bs-bg-opacity: 1; background-color: color-mix(in srgb, var(--nex-brown) calc(var(--bs-bg-opacity) * 100%), transparent) !important; } .border-brown { --bs-border-opacity: 1; border-color: color-mix(in srgb, var(--nex-brown) calc(var(--bs-border-opacity) * 100%), transparent) !important; } .text-brown-100 { --bs-text-opacity: 1; color: color-mix(in srgb, var(--nex-brown-100) calc(var(--bs-text-opacity) * 100%), transparent) !important; } .bg-brown-100 { --bs-bg-opacity: 1; background-color: color-mix(in srgb, var(--nex-brown-100) calc(var(--bs-bg-opacity) * 100%), transparent) !important; } .border-brown-100 { --bs-border-opacity: 1; border-color: color-mix(in srgb, var(--nex-brown-100) calc(var(--bs-border-opacity) * 100%), transparent) !important; } .text-brown-200 { --bs-text-opacity: 1; color: color-mix(in srgb, var(--nex-brown-200) calc(var(--bs-text-opacity) * 100%), transparent) !important; } .bg-brown-200 { --bs-bg-opacity: 1; background-color: color-mix(in srgb, var(--nex-brown-200) calc(var(--bs-bg-opacity) * 100%), transparent) !important; } .border-brown-200 { --bs-border-opacity: 1; border-color: color-mix(in srgb, var(--nex-brown-200) calc(var(--bs-border-opacity) * 100%), transparent) !important; } .text-brown-300 { --bs-text-opacity: 1; color: color-mix(in srgb, var(--nex-brown-300) calc(var(--bs-text-opacity) * 100%), transparent) !important; } .bg-brown-300 { --bs-bg-opacity: 1; background-color: color-mix(in srgb, var(--nex-brown-300) calc(var(--bs-bg-opacity) * 100%), transparent) !important; } .border-brown-300 { --bs-border-opacity: 1; border-color: color-mix(in srgb, var(--nex-brown-300) calc(var(--bs-border-opacity) * 100%), transparent) !important; } .text-brown-400 { --bs-text-opacity: 1; color: color-mix(in srgb, var(--nex-brown-400) calc(var(--bs-text-opacity) * 100%), transparent) !important; } .bg-brown-400 { --bs-bg-opacity: 1; background-color: color-mix(in srgb, var(--nex-brown-400) calc(var(--bs-bg-opacity) * 100%), transparent) !important; } .border-brown-400 { --bs-border-opacity: 1; border-color: color-mix(in srgb, var(--nex-brown-400) calc(var(--bs-border-opacity) * 100%), transparent) !important; } .text-brown-500 { --bs-text-opacity: 1; color: color-mix(in srgb, var(--nex-brown-500) calc(var(--bs-text-opacity) * 100%), transparent) !important; } .bg-brown-500 { --bs-bg-opacity: 1; background-color: color-mix(in srgb, var(--nex-brown-500) calc(var(--bs-bg-opacity) * 100%), transparent) !important; } .border-brown-500 { --bs-border-opacity: 1; border-color: color-mix(in srgb, var(--nex-brown-500) calc(var(--bs-border-opacity) * 100%), transparent) !important; } .text-brown-600 { --bs-text-opacity: 1; color: color-mix(in srgb, var(--nex-brown-600) calc(var(--bs-text-opacity) * 100%), transparent) !important; } .bg-brown-600 { --bs-bg-opacity: 1; background-color: color-mix(in srgb, var(--nex-brown-600) calc(var(--bs-bg-opacity) * 100%), transparent) !important; } .border-brown-600 { --bs-border-opacity: 1; border-color: color-mix(in srgb, var(--nex-brown-600) calc(var(--bs-border-opacity) * 100%), transparent) !important; } .text-brown-700 { --bs-text-opacity: 1; color: color-mix(in srgb, var(--nex-brown-700) calc(var(--bs-text-opacity) * 100%), transparent) !important; } .bg-brown-700 { --bs-bg-opacity: 1; background-color: color-mix(in srgb, var(--nex-brown-700) calc(var(--bs-bg-opacity) * 100%), transparent) !important; } .border-brown-700 { --bs-border-opacity: 1; border-color: color-mix(in srgb, var(--nex-brown-700) calc(var(--bs-border-opacity) * 100%), transparent) !important; } .text-brown-800 { --bs-text-opacity: 1; color: color-mix(in srgb, var(--nex-brown-800) calc(var(--bs-text-opacity) * 100%), transparent) !important; } .bg-brown-800 { --bs-bg-opacity: 1; background-color: color-mix(in srgb, var(--nex-brown-800) calc(var(--bs-bg-opacity) * 100%), transparent) !important; } .border-brown-800 { --bs-border-opacity: 1; border-color: color-mix(in srgb, var(--nex-brown-800) calc(var(--bs-border-opacity) * 100%), transparent) !important; } .text-brown-900 { --bs-text-opacity: 1; color: color-mix(in srgb, var(--nex-brown-900) calc(var(--bs-text-opacity) * 100%), transparent) !important; } .bg-brown-900 { --bs-bg-opacity: 1; background-color: color-mix(in srgb, var(--nex-brown-900) calc(var(--bs-bg-opacity) * 100%), transparent) !important; } .border-brown-900 { --bs-border-opacity: 1; border-color: color-mix(in srgb, var(--nex-brown-900) calc(var(--bs-border-opacity) * 100%), transparent) !important; } .bg-gradient-brown { background-color: var(--nex-brown) !important; background-image: linear-gradient(to bottom, var(--nex-brown-400), var(--nex-brown-600)) !important; } .text-bg-brown { --bs-bg-opacity: 1; color: var(--nex-brown-contrast) !important; background-color: color-mix(in srgb, var(--nex-brown) calc(var(--bs-bg-opacity) * 100%), transparent) !important; } .card-header.bg-brown, .card-footer.bg-brown { --bs-card-cap-color: var(--nex-brown-contrast); color: var(--nex-brown-contrast); border-color: transparent; } .card > :is(.card-header, .card-footer).bg-brown:not([class*="bg-opacity"]) { background-color: color-mix(in srgb, var(--nex-brown) calc(100% - var(--nex-entete-assombri)), #000) !important; } .text-gray { --bs-text-opacity: 1; color: color-mix(in srgb, var(--nex-gray) calc(var(--bs-text-opacity) * 100%), transparent) !important; } .bg-gray { --bs-bg-opacity: 1; background-color: color-mix(in srgb, var(--nex-gray) calc(var(--bs-bg-opacity) * 100%), transparent) !important; } .border-gray { --bs-border-opacity: 1; border-color: color-mix(in srgb, var(--nex-gray) calc(var(--bs-border-opacity) * 100%), transparent) !important; } .text-gray-100 { --bs-text-opacity: 1; color: color-mix(in srgb, var(--nex-gray-100) calc(var(--bs-text-opacity) * 100%), transparent) !important; } .bg-gray-100 { --bs-bg-opacity: 1; background-color: color-mix(in srgb, var(--nex-gray-100) calc(var(--bs-bg-opacity) * 100%), transparent) !important; } .border-gray-100 { --bs-border-opacity: 1; border-color: color-mix(in srgb, var(--nex-gray-100) calc(var(--bs-border-opacity) * 100%), transparent) !important; } .text-gray-200 { --bs-text-opacity: 1; color: color-mix(in srgb, var(--nex-gray-200) calc(var(--bs-text-opacity) * 100%), transparent) !important; } .bg-gray-200 { --bs-bg-opacity: 1; background-color: color-mix(in srgb, var(--nex-gray-200) calc(var(--bs-bg-opacity) * 100%), transparent) !important; } .border-gray-200 { --bs-border-opacity: 1; border-color: color-mix(in srgb, var(--nex-gray-200) calc(var(--bs-border-opacity) * 100%), transparent) !important; } .text-gray-300 { --bs-text-opacity: 1; color: color-mix(in srgb, var(--nex-gray-300) calc(var(--bs-text-opacity) * 100%), transparent) !important; } .bg-gray-300 { --bs-bg-opacity: 1; background-color: color-mix(in srgb, var(--nex-gray-300) calc(var(--bs-bg-opacity) * 100%), transparent) !important; } .border-gray-300 { --bs-border-opacity: 1; border-color: color-mix(in srgb, var(--nex-gray-300) calc(var(--bs-border-opacity) * 100%), transparent) !important; } .text-gray-400 { --bs-text-opacity: 1; color: color-mix(in srgb, var(--nex-gray-400) calc(var(--bs-text-opacity) * 100%), transparent) !important; } .bg-gray-400 { --bs-bg-opacity: 1; background-color: color-mix(in srgb, var(--nex-gray-400) calc(var(--bs-bg-opacity) * 100%), transparent) !important; } .border-gray-400 { --bs-border-opacity: 1; border-color: color-mix(in srgb, var(--nex-gray-400) calc(var(--bs-border-opacity) * 100%), transparent) !important; } .text-gray-500 { --bs-text-opacity: 1; color: color-mix(in srgb, var(--nex-gray-500) calc(var(--bs-text-opacity) * 100%), transparent) !important; } .bg-gray-500 { --bs-bg-opacity: 1; background-color: color-mix(in srgb, var(--nex-gray-500) calc(var(--bs-bg-opacity) * 100%), transparent) !important; } .border-gray-500 { --bs-border-opacity: 1; border-color: color-mix(in srgb, var(--nex-gray-500) calc(var(--bs-border-opacity) * 100%), transparent) !important; } .text-gray-600 { --bs-text-opacity: 1; color: color-mix(in srgb, var(--nex-gray-600) calc(var(--bs-text-opacity) * 100%), transparent) !important; } .bg-gray-600 { --bs-bg-opacity: 1; background-color: color-mix(in srgb, var(--nex-gray-600) calc(var(--bs-bg-opacity) * 100%), transparent) !important; } .border-gray-600 { --bs-border-opacity: 1; border-color: color-mix(in srgb, var(--nex-gray-600) calc(var(--bs-border-opacity) * 100%), transparent) !important; } .text-gray-700 { --bs-text-opacity: 1; color: color-mix(in srgb, var(--nex-gray-700) calc(var(--bs-text-opacity) * 100%), transparent) !important; } .bg-gray-700 { --bs-bg-opacity: 1; background-color: color-mix(in srgb, var(--nex-gray-700) calc(var(--bs-bg-opacity) * 100%), transparent) !important; } .border-gray-700 { --bs-border-opacity: 1; border-color: color-mix(in srgb, var(--nex-gray-700) calc(var(--bs-border-opacity) * 100%), transparent) !important; } .text-gray-800 { --bs-text-opacity: 1; color: color-mix(in srgb, var(--nex-gray-800) calc(var(--bs-text-opacity) * 100%), transparent) !important; } .bg-gray-800 { --bs-bg-opacity: 1; background-color: color-mix(in srgb, var(--nex-gray-800) calc(var(--bs-bg-opacity) * 100%), transparent) !important; } .border-gray-800 { --bs-border-opacity: 1; border-color: color-mix(in srgb, var(--nex-gray-800) calc(var(--bs-border-opacity) * 100%), transparent) !important; } .text-gray-900 { --bs-text-opacity: 1; color: color-mix(in srgb, var(--nex-gray-900) calc(var(--bs-text-opacity) * 100%), transparent) !important; } .bg-gray-900 { --bs-bg-opacity: 1; background-color: color-mix(in srgb, var(--nex-gray-900) calc(var(--bs-bg-opacity) * 100%), transparent) !important; } .border-gray-900 { --bs-border-opacity: 1; border-color: color-mix(in srgb, var(--nex-gray-900) calc(var(--bs-border-opacity) * 100%), transparent) !important; } .bg-gradient-gray { background-color: var(--nex-gray) !important; background-image: linear-gradient(to bottom, var(--nex-gray-400), var(--nex-gray-600)) !important; } .text-bg-gray { --bs-bg-opacity: 1; color: var(--nex-gray-contrast) !important; background-color: color-mix(in srgb, var(--nex-gray) calc(var(--bs-bg-opacity) * 100%), transparent) !important; } .card-header.bg-gray, .card-footer.bg-gray { --bs-card-cap-color: var(--nex-gray-contrast); color: var(--nex-gray-contrast); border-color: transparent; } .card > :is(.card-header, .card-footer).bg-gray:not([class*="bg-opacity"]) { background-color: color-mix(in srgb, var(--nex-gray) calc(100% - var(--nex-entete-assombri)), #000) !important; } .text-silver { --bs-text-opacity: 1; color: color-mix(in srgb, var(--nex-silver) calc(var(--bs-text-opacity) * 100%), transparent) !important; } .bg-silver { --bs-bg-opacity: 1; background-color: color-mix(in srgb, var(--nex-silver) calc(var(--bs-bg-opacity) * 100%), transparent) !important; } .border-silver { --bs-border-opacity: 1; border-color: color-mix(in srgb, var(--nex-silver) calc(var(--bs-border-opacity) * 100%), transparent) !important; } .text-silver-100 { --bs-text-opacity: 1; color: color-mix(in srgb, var(--nex-silver-100) calc(var(--bs-text-opacity) * 100%), transparent) !important; } .bg-silver-100 { --bs-bg-opacity: 1; background-color: color-mix(in srgb, var(--nex-silver-100) calc(var(--bs-bg-opacity) * 100%), transparent) !important; } .border-silver-100 { --bs-border-opacity: 1; border-color: color-mix(in srgb, var(--nex-silver-100) calc(var(--bs-border-opacity) * 100%), transparent) !important; } .text-silver-200 { --bs-text-opacity: 1; color: color-mix(in srgb, var(--nex-silver-200) calc(var(--bs-text-opacity) * 100%), transparent) !important; } .bg-silver-200 { --bs-bg-opacity: 1; background-color: color-mix(in srgb, var(--nex-silver-200) calc(var(--bs-bg-opacity) * 100%), transparent) !important; } .border-silver-200 { --bs-border-opacity: 1; border-color: color-mix(in srgb, var(--nex-silver-200) calc(var(--bs-border-opacity) * 100%), transparent) !important; } .text-silver-300 { --bs-text-opacity: 1; color: color-mix(in srgb, var(--nex-silver-300) calc(var(--bs-text-opacity) * 100%), transparent) !important; } .bg-silver-300 { --bs-bg-opacity: 1; background-color: color-mix(in srgb, var(--nex-silver-300) calc(var(--bs-bg-opacity) * 100%), transparent) !important; } .border-silver-300 { --bs-border-opacity: 1; border-color: color-mix(in srgb, var(--nex-silver-300) calc(var(--bs-border-opacity) * 100%), transparent) !important; } .text-silver-400 { --bs-text-opacity: 1; color: color-mix(in srgb, var(--nex-silver-400) calc(var(--bs-text-opacity) * 100%), transparent) !important; } .bg-silver-400 { --bs-bg-opacity: 1; background-color: color-mix(in srgb, var(--nex-silver-400) calc(var(--bs-bg-opacity) * 100%), transparent) !important; } .border-silver-400 { --bs-border-opacity: 1; border-color: color-mix(in srgb, var(--nex-silver-400) calc(var(--bs-border-opacity) * 100%), transparent) !important; } .text-silver-500 { --bs-text-opacity: 1; color: color-mix(in srgb, var(--nex-silver-500) calc(var(--bs-text-opacity) * 100%), transparent) !important; } .bg-silver-500 { --bs-bg-opacity: 1; background-color: color-mix(in srgb, var(--nex-silver-500) calc(var(--bs-bg-opacity) * 100%), transparent) !important; } .border-silver-500 { --bs-border-opacity: 1; border-color: color-mix(in srgb, var(--nex-silver-500) calc(var(--bs-border-opacity) * 100%), transparent) !important; } .text-silver-600 { --bs-text-opacity: 1; color: color-mix(in srgb, var(--nex-silver-600) calc(var(--bs-text-opacity) * 100%), transparent) !important; } .bg-silver-600 { --bs-bg-opacity: 1; background-color: color-mix(in srgb, var(--nex-silver-600) calc(var(--bs-bg-opacity) * 100%), transparent) !important; } .border-silver-600 { --bs-border-opacity: 1; border-color: color-mix(in srgb, var(--nex-silver-600) calc(var(--bs-border-opacity) * 100%), transparent) !important; } .text-silver-700 { --bs-text-opacity: 1; color: color-mix(in srgb, var(--nex-silver-700) calc(var(--bs-text-opacity) * 100%), transparent) !important; } .bg-silver-700 { --bs-bg-opacity: 1; background-color: color-mix(in srgb, var(--nex-silver-700) calc(var(--bs-bg-opacity) * 100%), transparent) !important; } .border-silver-700 { --bs-border-opacity: 1; border-color: color-mix(in srgb, var(--nex-silver-700) calc(var(--bs-border-opacity) * 100%), transparent) !important; } .text-silver-800 { --bs-text-opacity: 1; color: color-mix(in srgb, var(--nex-silver-800) calc(var(--bs-text-opacity) * 100%), transparent) !important; } .bg-silver-800 { --bs-bg-opacity: 1; background-color: color-mix(in srgb, var(--nex-silver-800) calc(var(--bs-bg-opacity) * 100%), transparent) !important; } .border-silver-800 { --bs-border-opacity: 1; border-color: color-mix(in srgb, var(--nex-silver-800) calc(var(--bs-border-opacity) * 100%), transparent) !important; } .text-silver-900 { --bs-text-opacity: 1; color: color-mix(in srgb, var(--nex-silver-900) calc(var(--bs-text-opacity) * 100%), transparent) !important; } .bg-silver-900 { --bs-bg-opacity: 1; background-color: color-mix(in srgb, var(--nex-silver-900) calc(var(--bs-bg-opacity) * 100%), transparent) !important; } .border-silver-900 { --bs-border-opacity: 1; border-color: color-mix(in srgb, var(--nex-silver-900) calc(var(--bs-border-opacity) * 100%), transparent) !important; } .bg-gradient-silver { background-color: var(--nex-silver) !important; background-image: linear-gradient(to bottom, var(--nex-silver-400), var(--nex-silver-600)) !important; } .text-bg-silver { --bs-bg-opacity: 1; color: var(--nex-silver-contrast) !important; background-color: color-mix(in srgb, var(--nex-silver) calc(var(--bs-bg-opacity) * 100%), transparent) !important; } .card-header.bg-silver, .card-footer.bg-silver { --bs-card-cap-color: var(--nex-silver-contrast); color: var(--nex-silver-contrast); border-color: transparent; } .card > :is(.card-header, .card-footer).bg-silver:not([class*="bg-opacity"]) { background-color: color-mix(in srgb, var(--nex-silver) calc(100% - var(--nex-entete-assombri)), #000) !important; } .text-muted { --bs-text-opacity: 1; color: color-mix(in srgb, var(--nex-muted) calc(var(--bs-text-opacity) * 100%), transparent) !important; } .bg-muted { --bs-bg-opacity: 1; background-color: color-mix(in srgb, var(--nex-muted) calc(var(--bs-bg-opacity) * 100%), transparent) !important; } .border-muted { --bs-border-opacity: 1; border-color: color-mix(in srgb, var(--nex-muted) calc(var(--bs-border-opacity) * 100%), transparent) !important; } .text-muted-100 { --bs-text-opacity: 1; color: color-mix(in srgb, var(--nex-muted-100) calc(var(--bs-text-opacity) * 100%), transparent) !important; } .bg-muted-100 { --bs-bg-opacity: 1; background-color: color-mix(in srgb, var(--nex-muted-100) calc(var(--bs-bg-opacity) * 100%), transparent) !important; } .border-muted-100 { --bs-border-opacity: 1; border-color: color-mix(in srgb, var(--nex-muted-100) calc(var(--bs-border-opacity) * 100%), transparent) !important; } .text-muted-200 { --bs-text-opacity: 1; color: color-mix(in srgb, var(--nex-muted-200) calc(var(--bs-text-opacity) * 100%), transparent) !important; } .bg-muted-200 { --bs-bg-opacity: 1; background-color: color-mix(in srgb, var(--nex-muted-200) calc(var(--bs-bg-opacity) * 100%), transparent) !important; } .border-muted-200 { --bs-border-opacity: 1; border-color: color-mix(in srgb, var(--nex-muted-200) calc(var(--bs-border-opacity) * 100%), transparent) !important; } .text-muted-300 { --bs-text-opacity: 1; color: color-mix(in srgb, var(--nex-muted-300) calc(var(--bs-text-opacity) * 100%), transparent) !important; } .bg-muted-300 { --bs-bg-opacity: 1; background-color: color-mix(in srgb, var(--nex-muted-300) calc(var(--bs-bg-opacity) * 100%), transparent) !important; } .border-muted-300 { --bs-border-opacity: 1; border-color: color-mix(in srgb, var(--nex-muted-300) calc(var(--bs-border-opacity) * 100%), transparent) !important; } .text-muted-400 { --bs-text-opacity: 1; color: color-mix(in srgb, var(--nex-muted-400) calc(var(--bs-text-opacity) * 100%), transparent) !important; } .bg-muted-400 { --bs-bg-opacity: 1; background-color: color-mix(in srgb, var(--nex-muted-400) calc(var(--bs-bg-opacity) * 100%), transparent) !important; } .border-muted-400 { --bs-border-opacity: 1; border-color: color-mix(in srgb, var(--nex-muted-400) calc(var(--bs-border-opacity) * 100%), transparent) !important; } .text-muted-500 { --bs-text-opacity: 1; color: color-mix(in srgb, var(--nex-muted-500) calc(var(--bs-text-opacity) * 100%), transparent) !important; } .bg-muted-500 { --bs-bg-opacity: 1; background-color: color-mix(in srgb, var(--nex-muted-500) calc(var(--bs-bg-opacity) * 100%), transparent) !important; } .border-muted-500 { --bs-border-opacity: 1; border-color: color-mix(in srgb, var(--nex-muted-500) calc(var(--bs-border-opacity) * 100%), transparent) !important; } .text-muted-600 { --bs-text-opacity: 1; color: color-mix(in srgb, var(--nex-muted-600) calc(var(--bs-text-opacity) * 100%), transparent) !important; } .bg-muted-600 { --bs-bg-opacity: 1; background-color: color-mix(in srgb, var(--nex-muted-600) calc(var(--bs-bg-opacity) * 100%), transparent) !important; } .border-muted-600 { --bs-border-opacity: 1; border-color: color-mix(in srgb, var(--nex-muted-600) calc(var(--bs-border-opacity) * 100%), transparent) !important; } .text-muted-700 { --bs-text-opacity: 1; color: color-mix(in srgb, var(--nex-muted-700) calc(var(--bs-text-opacity) * 100%), transparent) !important; } .bg-muted-700 { --bs-bg-opacity: 1; background-color: color-mix(in srgb, var(--nex-muted-700) calc(var(--bs-bg-opacity) * 100%), transparent) !important; } .border-muted-700 { --bs-border-opacity: 1; border-color: color-mix(in srgb, var(--nex-muted-700) calc(var(--bs-border-opacity) * 100%), transparent) !important; } .text-muted-800 { --bs-text-opacity: 1; color: color-mix(in srgb, var(--nex-muted-800) calc(var(--bs-text-opacity) * 100%), transparent) !important; } .bg-muted-800 { --bs-bg-opacity: 1; background-color: color-mix(in srgb, var(--nex-muted-800) calc(var(--bs-bg-opacity) * 100%), transparent) !important; } .border-muted-800 { --bs-border-opacity: 1; border-color: color-mix(in srgb, var(--nex-muted-800) calc(var(--bs-border-opacity) * 100%), transparent) !important; } .text-muted-900 { --bs-text-opacity: 1; color: color-mix(in srgb, var(--nex-muted-900) calc(var(--bs-text-opacity) * 100%), transparent) !important; } .bg-muted-900 { --bs-bg-opacity: 1; background-color: color-mix(in srgb, var(--nex-muted-900) calc(var(--bs-bg-opacity) * 100%), transparent) !important; } .border-muted-900 { --bs-border-opacity: 1; border-color: color-mix(in srgb, var(--nex-muted-900) calc(var(--bs-border-opacity) * 100%), transparent) !important; } .bg-gradient-muted { background-color: var(--nex-muted) !important; background-image: linear-gradient(to bottom, var(--nex-muted-400), var(--nex-muted-600)) !important; } .text-bg-muted { --bs-bg-opacity: 1; color: var(--nex-muted-contrast) !important; background-color: color-mix(in srgb, var(--nex-muted) calc(var(--bs-bg-opacity) * 100%), transparent) !important; } .card-header.bg-muted, .card-footer.bg-muted { --bs-card-cap-color: var(--nex-muted-contrast); color: var(--nex-muted-contrast); border-color: transparent; } .card > :is(.card-header, .card-footer).bg-muted:not([class*="bg-opacity"]) { background-color: color-mix(in srgb, var(--nex-muted) calc(100% - var(--nex-entete-assombri)), #000) !important; } .text-inverse { --bs-text-opacity: 1; color: color-mix(in srgb, var(--nex-inverse) calc(var(--bs-text-opacity) * 100%), transparent) !important; } .bg-inverse { --bs-bg-opacity: 1; background-color: color-mix(in srgb, var(--nex-inverse) calc(var(--bs-bg-opacity) * 100%), transparent) !important; } .border-inverse { --bs-border-opacity: 1; border-color: color-mix(in srgb, var(--nex-inverse) calc(var(--bs-border-opacity) * 100%), transparent) !important; } .text-inverse-100 { --bs-text-opacity: 1; color: color-mix(in srgb, var(--nex-inverse-100) calc(var(--bs-text-opacity) * 100%), transparent) !important; } .bg-inverse-100 { --bs-bg-opacity: 1; background-color: color-mix(in srgb, var(--nex-inverse-100) calc(var(--bs-bg-opacity) * 100%), transparent) !important; } .border-inverse-100 { --bs-border-opacity: 1; border-color: color-mix(in srgb, var(--nex-inverse-100) calc(var(--bs-border-opacity) * 100%), transparent) !important; } .text-inverse-200 { --bs-text-opacity: 1; color: color-mix(in srgb, var(--nex-inverse-200) calc(var(--bs-text-opacity) * 100%), transparent) !important; } .bg-inverse-200 { --bs-bg-opacity: 1; background-color: color-mix(in srgb, var(--nex-inverse-200) calc(var(--bs-bg-opacity) * 100%), transparent) !important; } .border-inverse-200 { --bs-border-opacity: 1; border-color: color-mix(in srgb, var(--nex-inverse-200) calc(var(--bs-border-opacity) * 100%), transparent) !important; } .text-inverse-300 { --bs-text-opacity: 1; color: color-mix(in srgb, var(--nex-inverse-300) calc(var(--bs-text-opacity) * 100%), transparent) !important; } .bg-inverse-300 { --bs-bg-opacity: 1; background-color: color-mix(in srgb, var(--nex-inverse-300) calc(var(--bs-bg-opacity) * 100%), transparent) !important; } .border-inverse-300 { --bs-border-opacity: 1; border-color: color-mix(in srgb, var(--nex-inverse-300) calc(var(--bs-border-opacity) * 100%), transparent) !important; } .text-inverse-400 { --bs-text-opacity: 1; color: color-mix(in srgb, var(--nex-inverse-400) calc(var(--bs-text-opacity) * 100%), transparent) !important; } .bg-inverse-400 { --bs-bg-opacity: 1; background-color: color-mix(in srgb, var(--nex-inverse-400) calc(var(--bs-bg-opacity) * 100%), transparent) !important; } .border-inverse-400 { --bs-border-opacity: 1; border-color: color-mix(in srgb, var(--nex-inverse-400) calc(var(--bs-border-opacity) * 100%), transparent) !important; } .text-inverse-500 { --bs-text-opacity: 1; color: color-mix(in srgb, var(--nex-inverse-500) calc(var(--bs-text-opacity) * 100%), transparent) !important; } .bg-inverse-500 { --bs-bg-opacity: 1; background-color: color-mix(in srgb, var(--nex-inverse-500) calc(var(--bs-bg-opacity) * 100%), transparent) !important; } .border-inverse-500 { --bs-border-opacity: 1; border-color: color-mix(in srgb, var(--nex-inverse-500) calc(var(--bs-border-opacity) * 100%), transparent) !important; } .text-inverse-600 { --bs-text-opacity: 1; color: color-mix(in srgb, var(--nex-inverse-600) calc(var(--bs-text-opacity) * 100%), transparent) !important; } .bg-inverse-600 { --bs-bg-opacity: 1; background-color: color-mix(in srgb, var(--nex-inverse-600) calc(var(--bs-bg-opacity) * 100%), transparent) !important; } .border-inverse-600 { --bs-border-opacity: 1; border-color: color-mix(in srgb, var(--nex-inverse-600) calc(var(--bs-border-opacity) * 100%), transparent) !important; } .text-inverse-700 { --bs-text-opacity: 1; color: color-mix(in srgb, var(--nex-inverse-700) calc(var(--bs-text-opacity) * 100%), transparent) !important; } .bg-inverse-700 { --bs-bg-opacity: 1; background-color: color-mix(in srgb, var(--nex-inverse-700) calc(var(--bs-bg-opacity) * 100%), transparent) !important; } .border-inverse-700 { --bs-border-opacity: 1; border-color: color-mix(in srgb, var(--nex-inverse-700) calc(var(--bs-border-opacity) * 100%), transparent) !important; } .text-inverse-800 { --bs-text-opacity: 1; color: color-mix(in srgb, var(--nex-inverse-800) calc(var(--bs-text-opacity) * 100%), transparent) !important; } .bg-inverse-800 { --bs-bg-opacity: 1; background-color: color-mix(in srgb, var(--nex-inverse-800) calc(var(--bs-bg-opacity) * 100%), transparent) !important; } .border-inverse-800 { --bs-border-opacity: 1; border-color: color-mix(in srgb, var(--nex-inverse-800) calc(var(--bs-border-opacity) * 100%), transparent) !important; } .text-inverse-900 { --bs-text-opacity: 1; color: color-mix(in srgb, var(--nex-inverse-900) calc(var(--bs-text-opacity) * 100%), transparent) !important; } .bg-inverse-900 { --bs-bg-opacity: 1; background-color: color-mix(in srgb, var(--nex-inverse-900) calc(var(--bs-bg-opacity) * 100%), transparent) !important; } .border-inverse-900 { --bs-border-opacity: 1; border-color: color-mix(in srgb, var(--nex-inverse-900) calc(var(--bs-border-opacity) * 100%), transparent) !important; } .bg-gradient-inverse { background-color: var(--nex-inverse) !important; background-image: linear-gradient(to bottom, var(--nex-inverse-400), var(--nex-inverse-600)) !important; } .text-bg-inverse { --bs-bg-opacity: 1; color: var(--nex-inverse-contrast) !important; background-color: color-mix(in srgb, var(--nex-inverse) calc(var(--bs-bg-opacity) * 100%), transparent) !important; } .card-header.bg-inverse, .card-footer.bg-inverse { --bs-card-cap-color: var(--nex-inverse-contrast); color: var(--nex-inverse-contrast); border-color: transparent; } .card > :is(.card-header, .card-footer).bg-inverse:not([class*="bg-opacity"]) { background-color: color-mix(in srgb, var(--nex-inverse) calc(100% - var(--nex-entete-assombri)), #000) !important; } .text-primary { --bs-text-opacity: 1; color: color-mix(in srgb, var(--nex-primary) calc(var(--bs-text-opacity) * 100%), transparent) !important; } .bg-primary { --bs-bg-opacity: 1; background-color: color-mix(in srgb, var(--nex-primary) calc(var(--bs-bg-opacity) * 100%), transparent) !important; } .border-primary { --bs-border-opacity: 1; border-color: color-mix(in srgb, var(--nex-primary) calc(var(--bs-border-opacity) * 100%), transparent) !important; } .text-primary-100 { --bs-text-opacity: 1; color: color-mix(in srgb, var(--nex-primary-100) calc(var(--bs-text-opacity) * 100%), transparent) !important; } .bg-primary-100 { --bs-bg-opacity: 1; background-color: color-mix(in srgb, var(--nex-primary-100) calc(var(--bs-bg-opacity) * 100%), transparent) !important; } .border-primary-100 { --bs-border-opacity: 1; border-color: color-mix(in srgb, var(--nex-primary-100) calc(var(--bs-border-opacity) * 100%), transparent) !important; } .text-primary-200 { --bs-text-opacity: 1; color: color-mix(in srgb, var(--nex-primary-200) calc(var(--bs-text-opacity) * 100%), transparent) !important; } .bg-primary-200 { --bs-bg-opacity: 1; background-color: color-mix(in srgb, var(--nex-primary-200) calc(var(--bs-bg-opacity) * 100%), transparent) !important; } .border-primary-200 { --bs-border-opacity: 1; border-color: color-mix(in srgb, var(--nex-primary-200) calc(var(--bs-border-opacity) * 100%), transparent) !important; } .text-primary-300 { --bs-text-opacity: 1; color: color-mix(in srgb, var(--nex-primary-300) calc(var(--bs-text-opacity) * 100%), transparent) !important; } .bg-primary-300 { --bs-bg-opacity: 1; background-color: color-mix(in srgb, var(--nex-primary-300) calc(var(--bs-bg-opacity) * 100%), transparent) !important; } .border-primary-300 { --bs-border-opacity: 1; border-color: color-mix(in srgb, var(--nex-primary-300) calc(var(--bs-border-opacity) * 100%), transparent) !important; } .text-primary-400 { --bs-text-opacity: 1; color: color-mix(in srgb, var(--nex-primary-400) calc(var(--bs-text-opacity) * 100%), transparent) !important; } .bg-primary-400 { --bs-bg-opacity: 1; background-color: color-mix(in srgb, var(--nex-primary-400) calc(var(--bs-bg-opacity) * 100%), transparent) !important; } .border-primary-400 { --bs-border-opacity: 1; border-color: color-mix(in srgb, var(--nex-primary-400) calc(var(--bs-border-opacity) * 100%), transparent) !important; } .text-primary-500 { --bs-text-opacity: 1; color: color-mix(in srgb, var(--nex-primary-500) calc(var(--bs-text-opacity) * 100%), transparent) !important; } .bg-primary-500 { --bs-bg-opacity: 1; background-color: color-mix(in srgb, var(--nex-primary-500) calc(var(--bs-bg-opacity) * 100%), transparent) !important; } .border-primary-500 { --bs-border-opacity: 1; border-color: color-mix(in srgb, var(--nex-primary-500) calc(var(--bs-border-opacity) * 100%), transparent) !important; } .text-primary-600 { --bs-text-opacity: 1; color: color-mix(in srgb, var(--nex-primary-600) calc(var(--bs-text-opacity) * 100%), transparent) !important; } .bg-primary-600 { --bs-bg-opacity: 1; background-color: color-mix(in srgb, var(--nex-primary-600) calc(var(--bs-bg-opacity) * 100%), transparent) !important; } .border-primary-600 { --bs-border-opacity: 1; border-color: color-mix(in srgb, var(--nex-primary-600) calc(var(--bs-border-opacity) * 100%), transparent) !important; } .text-primary-700 { --bs-text-opacity: 1; color: color-mix(in srgb, var(--nex-primary-700) calc(var(--bs-text-opacity) * 100%), transparent) !important; } .bg-primary-700 { --bs-bg-opacity: 1; background-color: color-mix(in srgb, var(--nex-primary-700) calc(var(--bs-bg-opacity) * 100%), transparent) !important; } .border-primary-700 { --bs-border-opacity: 1; border-color: color-mix(in srgb, var(--nex-primary-700) calc(var(--bs-border-opacity) * 100%), transparent) !important; } .text-primary-800 { --bs-text-opacity: 1; color: color-mix(in srgb, var(--nex-primary-800) calc(var(--bs-text-opacity) * 100%), transparent) !important; } .bg-primary-800 { --bs-bg-opacity: 1; background-color: color-mix(in srgb, var(--nex-primary-800) calc(var(--bs-bg-opacity) * 100%), transparent) !important; } .border-primary-800 { --bs-border-opacity: 1; border-color: color-mix(in srgb, var(--nex-primary-800) calc(var(--bs-border-opacity) * 100%), transparent) !important; } .text-primary-900 { --bs-text-opacity: 1; color: color-mix(in srgb, var(--nex-primary-900) calc(var(--bs-text-opacity) * 100%), transparent) !important; } .bg-primary-900 { --bs-bg-opacity: 1; background-color: color-mix(in srgb, var(--nex-primary-900) calc(var(--bs-bg-opacity) * 100%), transparent) !important; } .border-primary-900 { --bs-border-opacity: 1; border-color: color-mix(in srgb, var(--nex-primary-900) calc(var(--bs-border-opacity) * 100%), transparent) !important; } .bg-gradient-primary { background-color: var(--nex-primary) !important; background-image: linear-gradient(to bottom, var(--nex-primary-400), var(--nex-primary-600)) !important; } .text-bg-primary { --bs-bg-opacity: 1; color: var(--nex-primary-contrast) !important; background-color: color-mix(in srgb, var(--nex-primary) calc(var(--bs-bg-opacity) * 100%), transparent) !important; } .card-header.bg-primary, .card-footer.bg-primary { --bs-card-cap-color: var(--nex-primary-contrast); color: var(--nex-primary-contrast); border-color: transparent; } .card > :is(.card-header, .card-footer).bg-primary:not([class*="bg-opacity"]) { background-color: color-mix(in srgb, var(--nex-primary) calc(100% - var(--nex-entete-assombri)), #000) !important; } .text-secondary { --bs-text-opacity: 1; color: color-mix(in srgb, var(--nex-secondary) calc(var(--bs-text-opacity) * 100%), transparent) !important; } .bg-secondary { --bs-bg-opacity: 1; background-color: color-mix(in srgb, var(--nex-secondary) calc(var(--bs-bg-opacity) * 100%), transparent) !important; } .border-secondary { --bs-border-opacity: 1; border-color: color-mix(in srgb, var(--nex-secondary) calc(var(--bs-border-opacity) * 100%), transparent) !important; } .text-secondary-100 { --bs-text-opacity: 1; color: color-mix(in srgb, var(--nex-secondary-100) calc(var(--bs-text-opacity) * 100%), transparent) !important; } .bg-secondary-100 { --bs-bg-opacity: 1; background-color: color-mix(in srgb, var(--nex-secondary-100) calc(var(--bs-bg-opacity) * 100%), transparent) !important; } .border-secondary-100 { --bs-border-opacity: 1; border-color: color-mix(in srgb, var(--nex-secondary-100) calc(var(--bs-border-opacity) * 100%), transparent) !important; } .text-secondary-200 { --bs-text-opacity: 1; color: color-mix(in srgb, var(--nex-secondary-200) calc(var(--bs-text-opacity) * 100%), transparent) !important; } .bg-secondary-200 { --bs-bg-opacity: 1; background-color: color-mix(in srgb, var(--nex-secondary-200) calc(var(--bs-bg-opacity) * 100%), transparent) !important; } .border-secondary-200 { --bs-border-opacity: 1; border-color: color-mix(in srgb, var(--nex-secondary-200) calc(var(--bs-border-opacity) * 100%), transparent) !important; } .text-secondary-300 { --bs-text-opacity: 1; color: color-mix(in srgb, var(--nex-secondary-300) calc(var(--bs-text-opacity) * 100%), transparent) !important; } .bg-secondary-300 { --bs-bg-opacity: 1; background-color: color-mix(in srgb, var(--nex-secondary-300) calc(var(--bs-bg-opacity) * 100%), transparent) !important; } .border-secondary-300 { --bs-border-opacity: 1; border-color: color-mix(in srgb, var(--nex-secondary-300) calc(var(--bs-border-opacity) * 100%), transparent) !important; } .text-secondary-400 { --bs-text-opacity: 1; color: color-mix(in srgb, var(--nex-secondary-400) calc(var(--bs-text-opacity) * 100%), transparent) !important; } .bg-secondary-400 { --bs-bg-opacity: 1; background-color: color-mix(in srgb, var(--nex-secondary-400) calc(var(--bs-bg-opacity) * 100%), transparent) !important; } .border-secondary-400 { --bs-border-opacity: 1; border-color: color-mix(in srgb, var(--nex-secondary-400) calc(var(--bs-border-opacity) * 100%), transparent) !important; } .text-secondary-500 { --bs-text-opacity: 1; color: color-mix(in srgb, var(--nex-secondary-500) calc(var(--bs-text-opacity) * 100%), transparent) !important; } .bg-secondary-500 { --bs-bg-opacity: 1; background-color: color-mix(in srgb, var(--nex-secondary-500) calc(var(--bs-bg-opacity) * 100%), transparent) !important; } .border-secondary-500 { --bs-border-opacity: 1; border-color: color-mix(in srgb, var(--nex-secondary-500) calc(var(--bs-border-opacity) * 100%), transparent) !important; } .text-secondary-600 { --bs-text-opacity: 1; color: color-mix(in srgb, var(--nex-secondary-600) calc(var(--bs-text-opacity) * 100%), transparent) !important; } .bg-secondary-600 { --bs-bg-opacity: 1; background-color: color-mix(in srgb, var(--nex-secondary-600) calc(var(--bs-bg-opacity) * 100%), transparent) !important; } .border-secondary-600 { --bs-border-opacity: 1; border-color: color-mix(in srgb, var(--nex-secondary-600) calc(var(--bs-border-opacity) * 100%), transparent) !important; } .text-secondary-700 { --bs-text-opacity: 1; color: color-mix(in srgb, var(--nex-secondary-700) calc(var(--bs-text-opacity) * 100%), transparent) !important; } .bg-secondary-700 { --bs-bg-opacity: 1; background-color: color-mix(in srgb, var(--nex-secondary-700) calc(var(--bs-bg-opacity) * 100%), transparent) !important; } .border-secondary-700 { --bs-border-opacity: 1; border-color: color-mix(in srgb, var(--nex-secondary-700) calc(var(--bs-border-opacity) * 100%), transparent) !important; } .text-secondary-800 { --bs-text-opacity: 1; color: color-mix(in srgb, var(--nex-secondary-800) calc(var(--bs-text-opacity) * 100%), transparent) !important; } .bg-secondary-800 { --bs-bg-opacity: 1; background-color: color-mix(in srgb, var(--nex-secondary-800) calc(var(--bs-bg-opacity) * 100%), transparent) !important; } .border-secondary-800 { --bs-border-opacity: 1; border-color: color-mix(in srgb, var(--nex-secondary-800) calc(var(--bs-border-opacity) * 100%), transparent) !important; } .text-secondary-900 { --bs-text-opacity: 1; color: color-mix(in srgb, var(--nex-secondary-900) calc(var(--bs-text-opacity) * 100%), transparent) !important; } .bg-secondary-900 { --bs-bg-opacity: 1; background-color: color-mix(in srgb, var(--nex-secondary-900) calc(var(--bs-bg-opacity) * 100%), transparent) !important; } .border-secondary-900 { --bs-border-opacity: 1; border-color: color-mix(in srgb, var(--nex-secondary-900) calc(var(--bs-border-opacity) * 100%), transparent) !important; } .bg-gradient-secondary { background-color: var(--nex-secondary) !important; background-image: linear-gradient(to bottom, var(--nex-secondary-400), var(--nex-secondary-600)) !important; } .text-bg-secondary { --bs-bg-opacity: 1; color: var(--nex-secondary-contrast) !important; background-color: color-mix(in srgb, var(--nex-secondary) calc(var(--bs-bg-opacity) * 100%), transparent) !important; } .card-header.bg-secondary, .card-footer.bg-secondary { --bs-card-cap-color: var(--nex-secondary-contrast); color: var(--nex-secondary-contrast); border-color: transparent; } .card > :is(.card-header, .card-footer).bg-secondary:not([class*="bg-opacity"]) { background-color: color-mix(in srgb, var(--nex-secondary) calc(100% - var(--nex-entete-assombri)), #000) !important; } .text-success { --bs-text-opacity: 1; color: color-mix(in srgb, var(--nex-success) calc(var(--bs-text-opacity) * 100%), transparent) !important; } .bg-success { --bs-bg-opacity: 1; background-color: color-mix(in srgb, var(--nex-success) calc(var(--bs-bg-opacity) * 100%), transparent) !important; } .border-success { --bs-border-opacity: 1; border-color: color-mix(in srgb, var(--nex-success) calc(var(--bs-border-opacity) * 100%), transparent) !important; } .text-success-100 { --bs-text-opacity: 1; color: color-mix(in srgb, var(--nex-success-100) calc(var(--bs-text-opacity) * 100%), transparent) !important; } .bg-success-100 { --bs-bg-opacity: 1; background-color: color-mix(in srgb, var(--nex-success-100) calc(var(--bs-bg-opacity) * 100%), transparent) !important; } .border-success-100 { --bs-border-opacity: 1; border-color: color-mix(in srgb, var(--nex-success-100) calc(var(--bs-border-opacity) * 100%), transparent) !important; } .text-success-200 { --bs-text-opacity: 1; color: color-mix(in srgb, var(--nex-success-200) calc(var(--bs-text-opacity) * 100%), transparent) !important; } .bg-success-200 { --bs-bg-opacity: 1; background-color: color-mix(in srgb, var(--nex-success-200) calc(var(--bs-bg-opacity) * 100%), transparent) !important; } .border-success-200 { --bs-border-opacity: 1; border-color: color-mix(in srgb, var(--nex-success-200) calc(var(--bs-border-opacity) * 100%), transparent) !important; } .text-success-300 { --bs-text-opacity: 1; color: color-mix(in srgb, var(--nex-success-300) calc(var(--bs-text-opacity) * 100%), transparent) !important; } .bg-success-300 { --bs-bg-opacity: 1; background-color: color-mix(in srgb, var(--nex-success-300) calc(var(--bs-bg-opacity) * 100%), transparent) !important; } .border-success-300 { --bs-border-opacity: 1; border-color: color-mix(in srgb, var(--nex-success-300) calc(var(--bs-border-opacity) * 100%), transparent) !important; } .text-success-400 { --bs-text-opacity: 1; color: color-mix(in srgb, var(--nex-success-400) calc(var(--bs-text-opacity) * 100%), transparent) !important; } .bg-success-400 { --bs-bg-opacity: 1; background-color: color-mix(in srgb, var(--nex-success-400) calc(var(--bs-bg-opacity) * 100%), transparent) !important; } .border-success-400 { --bs-border-opacity: 1; border-color: color-mix(in srgb, var(--nex-success-400) calc(var(--bs-border-opacity) * 100%), transparent) !important; } .text-success-500 { --bs-text-opacity: 1; color: color-mix(in srgb, var(--nex-success-500) calc(var(--bs-text-opacity) * 100%), transparent) !important; } .bg-success-500 { --bs-bg-opacity: 1; background-color: color-mix(in srgb, var(--nex-success-500) calc(var(--bs-bg-opacity) * 100%), transparent) !important; } .border-success-500 { --bs-border-opacity: 1; border-color: color-mix(in srgb, var(--nex-success-500) calc(var(--bs-border-opacity) * 100%), transparent) !important; } .text-success-600 { --bs-text-opacity: 1; color: color-mix(in srgb, var(--nex-success-600) calc(var(--bs-text-opacity) * 100%), transparent) !important; } .bg-success-600 { --bs-bg-opacity: 1; background-color: color-mix(in srgb, var(--nex-success-600) calc(var(--bs-bg-opacity) * 100%), transparent) !important; } .border-success-600 { --bs-border-opacity: 1; border-color: color-mix(in srgb, var(--nex-success-600) calc(var(--bs-border-opacity) * 100%), transparent) !important; } .text-success-700 { --bs-text-opacity: 1; color: color-mix(in srgb, var(--nex-success-700) calc(var(--bs-text-opacity) * 100%), transparent) !important; } .bg-success-700 { --bs-bg-opacity: 1; background-color: color-mix(in srgb, var(--nex-success-700) calc(var(--bs-bg-opacity) * 100%), transparent) !important; } .border-success-700 { --bs-border-opacity: 1; border-color: color-mix(in srgb, var(--nex-success-700) calc(var(--bs-border-opacity) * 100%), transparent) !important; } .text-success-800 { --bs-text-opacity: 1; color: color-mix(in srgb, var(--nex-success-800) calc(var(--bs-text-opacity) * 100%), transparent) !important; } .bg-success-800 { --bs-bg-opacity: 1; background-color: color-mix(in srgb, var(--nex-success-800) calc(var(--bs-bg-opacity) * 100%), transparent) !important; } .border-success-800 { --bs-border-opacity: 1; border-color: color-mix(in srgb, var(--nex-success-800) calc(var(--bs-border-opacity) * 100%), transparent) !important; } .text-success-900 { --bs-text-opacity: 1; color: color-mix(in srgb, var(--nex-success-900) calc(var(--bs-text-opacity) * 100%), transparent) !important; } .bg-success-900 { --bs-bg-opacity: 1; background-color: color-mix(in srgb, var(--nex-success-900) calc(var(--bs-bg-opacity) * 100%), transparent) !important; } .border-success-900 { --bs-border-opacity: 1; border-color: color-mix(in srgb, var(--nex-success-900) calc(var(--bs-border-opacity) * 100%), transparent) !important; } .bg-gradient-success { background-color: var(--nex-success) !important; background-image: linear-gradient(to bottom, var(--nex-success-400), var(--nex-success-600)) !important; } .text-bg-success { --bs-bg-opacity: 1; color: var(--nex-success-contrast) !important; background-color: color-mix(in srgb, var(--nex-success) calc(var(--bs-bg-opacity) * 100%), transparent) !important; } .card-header.bg-success, .card-footer.bg-success { --bs-card-cap-color: var(--nex-success-contrast); color: var(--nex-success-contrast); border-color: transparent; } .card > :is(.card-header, .card-footer).bg-success:not([class*="bg-opacity"]) { background-color: color-mix(in srgb, var(--nex-success) calc(100% - var(--nex-entete-assombri)), #000) !important; } .text-info { --bs-text-opacity: 1; color: color-mix(in srgb, var(--nex-info) calc(var(--bs-text-opacity) * 100%), transparent) !important; } .bg-info { --bs-bg-opacity: 1; background-color: color-mix(in srgb, var(--nex-info) calc(var(--bs-bg-opacity) * 100%), transparent) !important; } .border-info { --bs-border-opacity: 1; border-color: color-mix(in srgb, var(--nex-info) calc(var(--bs-border-opacity) * 100%), transparent) !important; } .text-info-100 { --bs-text-opacity: 1; color: color-mix(in srgb, var(--nex-info-100) calc(var(--bs-text-opacity) * 100%), transparent) !important; } .bg-info-100 { --bs-bg-opacity: 1; background-color: color-mix(in srgb, var(--nex-info-100) calc(var(--bs-bg-opacity) * 100%), transparent) !important; } .border-info-100 { --bs-border-opacity: 1; border-color: color-mix(in srgb, var(--nex-info-100) calc(var(--bs-border-opacity) * 100%), transparent) !important; } .text-info-200 { --bs-text-opacity: 1; color: color-mix(in srgb, var(--nex-info-200) calc(var(--bs-text-opacity) * 100%), transparent) !important; } .bg-info-200 { --bs-bg-opacity: 1; background-color: color-mix(in srgb, var(--nex-info-200) calc(var(--bs-bg-opacity) * 100%), transparent) !important; } .border-info-200 { --bs-border-opacity: 1; border-color: color-mix(in srgb, var(--nex-info-200) calc(var(--bs-border-opacity) * 100%), transparent) !important; } .text-info-300 { --bs-text-opacity: 1; color: color-mix(in srgb, var(--nex-info-300) calc(var(--bs-text-opacity) * 100%), transparent) !important; } .bg-info-300 { --bs-bg-opacity: 1; background-color: color-mix(in srgb, var(--nex-info-300) calc(var(--bs-bg-opacity) * 100%), transparent) !important; } .border-info-300 { --bs-border-opacity: 1; border-color: color-mix(in srgb, var(--nex-info-300) calc(var(--bs-border-opacity) * 100%), transparent) !important; } .text-info-400 { --bs-text-opacity: 1; color: color-mix(in srgb, var(--nex-info-400) calc(var(--bs-text-opacity) * 100%), transparent) !important; } .bg-info-400 { --bs-bg-opacity: 1; background-color: color-mix(in srgb, var(--nex-info-400) calc(var(--bs-bg-opacity) * 100%), transparent) !important; } .border-info-400 { --bs-border-opacity: 1; border-color: color-mix(in srgb, var(--nex-info-400) calc(var(--bs-border-opacity) * 100%), transparent) !important; } .text-info-500 { --bs-text-opacity: 1; color: color-mix(in srgb, var(--nex-info-500) calc(var(--bs-text-opacity) * 100%), transparent) !important; } .bg-info-500 { --bs-bg-opacity: 1; background-color: color-mix(in srgb, var(--nex-info-500) calc(var(--bs-bg-opacity) * 100%), transparent) !important; } .border-info-500 { --bs-border-opacity: 1; border-color: color-mix(in srgb, var(--nex-info-500) calc(var(--bs-border-opacity) * 100%), transparent) !important; } .text-info-600 { --bs-text-opacity: 1; color: color-mix(in srgb, var(--nex-info-600) calc(var(--bs-text-opacity) * 100%), transparent) !important; } .bg-info-600 { --bs-bg-opacity: 1; background-color: color-mix(in srgb, var(--nex-info-600) calc(var(--bs-bg-opacity) * 100%), transparent) !important; } .border-info-600 { --bs-border-opacity: 1; border-color: color-mix(in srgb, var(--nex-info-600) calc(var(--bs-border-opacity) * 100%), transparent) !important; } .text-info-700 { --bs-text-opacity: 1; color: color-mix(in srgb, var(--nex-info-700) calc(var(--bs-text-opacity) * 100%), transparent) !important; } .bg-info-700 { --bs-bg-opacity: 1; background-color: color-mix(in srgb, var(--nex-info-700) calc(var(--bs-bg-opacity) * 100%), transparent) !important; } .border-info-700 { --bs-border-opacity: 1; border-color: color-mix(in srgb, var(--nex-info-700) calc(var(--bs-border-opacity) * 100%), transparent) !important; } .text-info-800 { --bs-text-opacity: 1; color: color-mix(in srgb, var(--nex-info-800) calc(var(--bs-text-opacity) * 100%), transparent) !important; } .bg-info-800 { --bs-bg-opacity: 1; background-color: color-mix(in srgb, var(--nex-info-800) calc(var(--bs-bg-opacity) * 100%), transparent) !important; } .border-info-800 { --bs-border-opacity: 1; border-color: color-mix(in srgb, var(--nex-info-800) calc(var(--bs-border-opacity) * 100%), transparent) !important; } .text-info-900 { --bs-text-opacity: 1; color: color-mix(in srgb, var(--nex-info-900) calc(var(--bs-text-opacity) * 100%), transparent) !important; } .bg-info-900 { --bs-bg-opacity: 1; background-color: color-mix(in srgb, var(--nex-info-900) calc(var(--bs-bg-opacity) * 100%), transparent) !important; } .border-info-900 { --bs-border-opacity: 1; border-color: color-mix(in srgb, var(--nex-info-900) calc(var(--bs-border-opacity) * 100%), transparent) !important; } .bg-gradient-info { background-color: var(--nex-info) !important; background-image: linear-gradient(to bottom, var(--nex-info-400), var(--nex-info-600)) !important; } .text-bg-info { --bs-bg-opacity: 1; color: var(--nex-info-contrast) !important; background-color: color-mix(in srgb, var(--nex-info) calc(var(--bs-bg-opacity) * 100%), transparent) !important; } .card-header.bg-info, .card-footer.bg-info { --bs-card-cap-color: var(--nex-info-contrast); color: var(--nex-info-contrast); border-color: transparent; } .card > :is(.card-header, .card-footer).bg-info:not([class*="bg-opacity"]) { background-color: color-mix(in srgb, var(--nex-info) calc(100% - var(--nex-entete-assombri)), #000) !important; } .text-warning { --bs-text-opacity: 1; color: color-mix(in srgb, var(--nex-warning) calc(var(--bs-text-opacity) * 100%), transparent) !important; } .bg-warning { --bs-bg-opacity: 1; background-color: color-mix(in srgb, var(--nex-warning) calc(var(--bs-bg-opacity) * 100%), transparent) !important; } .border-warning { --bs-border-opacity: 1; border-color: color-mix(in srgb, var(--nex-warning) calc(var(--bs-border-opacity) * 100%), transparent) !important; } .text-warning-100 { --bs-text-opacity: 1; color: color-mix(in srgb, var(--nex-warning-100) calc(var(--bs-text-opacity) * 100%), transparent) !important; } .bg-warning-100 { --bs-bg-opacity: 1; background-color: color-mix(in srgb, var(--nex-warning-100) calc(var(--bs-bg-opacity) * 100%), transparent) !important; } .border-warning-100 { --bs-border-opacity: 1; border-color: color-mix(in srgb, var(--nex-warning-100) calc(var(--bs-border-opacity) * 100%), transparent) !important; } .text-warning-200 { --bs-text-opacity: 1; color: color-mix(in srgb, var(--nex-warning-200) calc(var(--bs-text-opacity) * 100%), transparent) !important; } .bg-warning-200 { --bs-bg-opacity: 1; background-color: color-mix(in srgb, var(--nex-warning-200) calc(var(--bs-bg-opacity) * 100%), transparent) !important; } .border-warning-200 { --bs-border-opacity: 1; border-color: color-mix(in srgb, var(--nex-warning-200) calc(var(--bs-border-opacity) * 100%), transparent) !important; } .text-warning-300 { --bs-text-opacity: 1; color: color-mix(in srgb, var(--nex-warning-300) calc(var(--bs-text-opacity) * 100%), transparent) !important; } .bg-warning-300 { --bs-bg-opacity: 1; background-color: color-mix(in srgb, var(--nex-warning-300) calc(var(--bs-bg-opacity) * 100%), transparent) !important; } .border-warning-300 { --bs-border-opacity: 1; border-color: color-mix(in srgb, var(--nex-warning-300) calc(var(--bs-border-opacity) * 100%), transparent) !important; } .text-warning-400 { --bs-text-opacity: 1; color: color-mix(in srgb, var(--nex-warning-400) calc(var(--bs-text-opacity) * 100%), transparent) !important; } .bg-warning-400 { --bs-bg-opacity: 1; background-color: color-mix(in srgb, var(--nex-warning-400) calc(var(--bs-bg-opacity) * 100%), transparent) !important; } .border-warning-400 { --bs-border-opacity: 1; border-color: color-mix(in srgb, var(--nex-warning-400) calc(var(--bs-border-opacity) * 100%), transparent) !important; } .text-warning-500 { --bs-text-opacity: 1; color: color-mix(in srgb, var(--nex-warning-500) calc(var(--bs-text-opacity) * 100%), transparent) !important; } .bg-warning-500 { --bs-bg-opacity: 1; background-color: color-mix(in srgb, var(--nex-warning-500) calc(var(--bs-bg-opacity) * 100%), transparent) !important; } .border-warning-500 { --bs-border-opacity: 1; border-color: color-mix(in srgb, var(--nex-warning-500) calc(var(--bs-border-opacity) * 100%), transparent) !important; } .text-warning-600 { --bs-text-opacity: 1; color: color-mix(in srgb, var(--nex-warning-600) calc(var(--bs-text-opacity) * 100%), transparent) !important; } .bg-warning-600 { --bs-bg-opacity: 1; background-color: color-mix(in srgb, var(--nex-warning-600) calc(var(--bs-bg-opacity) * 100%), transparent) !important; } .border-warning-600 { --bs-border-opacity: 1; border-color: color-mix(in srgb, var(--nex-warning-600) calc(var(--bs-border-opacity) * 100%), transparent) !important; } .text-warning-700 { --bs-text-opacity: 1; color: color-mix(in srgb, var(--nex-warning-700) calc(var(--bs-text-opacity) * 100%), transparent) !important; } .bg-warning-700 { --bs-bg-opacity: 1; background-color: color-mix(in srgb, var(--nex-warning-700) calc(var(--bs-bg-opacity) * 100%), transparent) !important; } .border-warning-700 { --bs-border-opacity: 1; border-color: color-mix(in srgb, var(--nex-warning-700) calc(var(--bs-border-opacity) * 100%), transparent) !important; } .text-warning-800 { --bs-text-opacity: 1; color: color-mix(in srgb, var(--nex-warning-800) calc(var(--bs-text-opacity) * 100%), transparent) !important; } .bg-warning-800 { --bs-bg-opacity: 1; background-color: color-mix(in srgb, var(--nex-warning-800) calc(var(--bs-bg-opacity) * 100%), transparent) !important; } .border-warning-800 { --bs-border-opacity: 1; border-color: color-mix(in srgb, var(--nex-warning-800) calc(var(--bs-border-opacity) * 100%), transparent) !important; } .text-warning-900 { --bs-text-opacity: 1; color: color-mix(in srgb, var(--nex-warning-900) calc(var(--bs-text-opacity) * 100%), transparent) !important; } .bg-warning-900 { --bs-bg-opacity: 1; background-color: color-mix(in srgb, var(--nex-warning-900) calc(var(--bs-bg-opacity) * 100%), transparent) !important; } .border-warning-900 { --bs-border-opacity: 1; border-color: color-mix(in srgb, var(--nex-warning-900) calc(var(--bs-border-opacity) * 100%), transparent) !important; } .bg-gradient-warning { background-color: var(--nex-warning) !important; background-image: linear-gradient(to bottom, var(--nex-warning-400), var(--nex-warning-600)) !important; } .text-bg-warning { --bs-bg-opacity: 1; color: var(--nex-warning-contrast) !important; background-color: color-mix(in srgb, var(--nex-warning) calc(var(--bs-bg-opacity) * 100%), transparent) !important; } .card-header.bg-warning, .card-footer.bg-warning { --bs-card-cap-color: var(--nex-warning-contrast); color: var(--nex-warning-contrast); border-color: transparent; } .card > :is(.card-header, .card-footer).bg-warning:not([class*="bg-opacity"]) { background-color: color-mix(in srgb, var(--nex-warning) calc(100% - var(--nex-entete-assombri)), #000) !important; } .text-danger { --bs-text-opacity: 1; color: color-mix(in srgb, var(--nex-danger) calc(var(--bs-text-opacity) * 100%), transparent) !important; } .bg-danger { --bs-bg-opacity: 1; background-color: color-mix(in srgb, var(--nex-danger) calc(var(--bs-bg-opacity) * 100%), transparent) !important; } .border-danger { --bs-border-opacity: 1; border-color: color-mix(in srgb, var(--nex-danger) calc(var(--bs-border-opacity) * 100%), transparent) !important; } .text-danger-100 { --bs-text-opacity: 1; color: color-mix(in srgb, var(--nex-danger-100) calc(var(--bs-text-opacity) * 100%), transparent) !important; } .bg-danger-100 { --bs-bg-opacity: 1; background-color: color-mix(in srgb, var(--nex-danger-100) calc(var(--bs-bg-opacity) * 100%), transparent) !important; } .border-danger-100 { --bs-border-opacity: 1; border-color: color-mix(in srgb, var(--nex-danger-100) calc(var(--bs-border-opacity) * 100%), transparent) !important; } .text-danger-200 { --bs-text-opacity: 1; color: color-mix(in srgb, var(--nex-danger-200) calc(var(--bs-text-opacity) * 100%), transparent) !important; } .bg-danger-200 { --bs-bg-opacity: 1; background-color: color-mix(in srgb, var(--nex-danger-200) calc(var(--bs-bg-opacity) * 100%), transparent) !important; } .border-danger-200 { --bs-border-opacity: 1; border-color: color-mix(in srgb, var(--nex-danger-200) calc(var(--bs-border-opacity) * 100%), transparent) !important; } .text-danger-300 { --bs-text-opacity: 1; color: color-mix(in srgb, var(--nex-danger-300) calc(var(--bs-text-opacity) * 100%), transparent) !important; } .bg-danger-300 { --bs-bg-opacity: 1; background-color: color-mix(in srgb, var(--nex-danger-300) calc(var(--bs-bg-opacity) * 100%), transparent) !important; } .border-danger-300 { --bs-border-opacity: 1; border-color: color-mix(in srgb, var(--nex-danger-300) calc(var(--bs-border-opacity) * 100%), transparent) !important; } .text-danger-400 { --bs-text-opacity: 1; color: color-mix(in srgb, var(--nex-danger-400) calc(var(--bs-text-opacity) * 100%), transparent) !important; } .bg-danger-400 { --bs-bg-opacity: 1; background-color: color-mix(in srgb, var(--nex-danger-400) calc(var(--bs-bg-opacity) * 100%), transparent) !important; } .border-danger-400 { --bs-border-opacity: 1; border-color: color-mix(in srgb, var(--nex-danger-400) calc(var(--bs-border-opacity) * 100%), transparent) !important; } .text-danger-500 { --bs-text-opacity: 1; color: color-mix(in srgb, var(--nex-danger-500) calc(var(--bs-text-opacity) * 100%), transparent) !important; } .bg-danger-500 { --bs-bg-opacity: 1; background-color: color-mix(in srgb, var(--nex-danger-500) calc(var(--bs-bg-opacity) * 100%), transparent) !important; } .border-danger-500 { --bs-border-opacity: 1; border-color: color-mix(in srgb, var(--nex-danger-500) calc(var(--bs-border-opacity) * 100%), transparent) !important; } .text-danger-600 { --bs-text-opacity: 1; color: color-mix(in srgb, var(--nex-danger-600) calc(var(--bs-text-opacity) * 100%), transparent) !important; } .bg-danger-600 { --bs-bg-opacity: 1; background-color: color-mix(in srgb, var(--nex-danger-600) calc(var(--bs-bg-opacity) * 100%), transparent) !important; } .border-danger-600 { --bs-border-opacity: 1; border-color: color-mix(in srgb, var(--nex-danger-600) calc(var(--bs-border-opacity) * 100%), transparent) !important; } .text-danger-700 { --bs-text-opacity: 1; color: color-mix(in srgb, var(--nex-danger-700) calc(var(--bs-text-opacity) * 100%), transparent) !important; } .bg-danger-700 { --bs-bg-opacity: 1; background-color: color-mix(in srgb, var(--nex-danger-700) calc(var(--bs-bg-opacity) * 100%), transparent) !important; } .border-danger-700 { --bs-border-opacity: 1; border-color: color-mix(in srgb, var(--nex-danger-700) calc(var(--bs-border-opacity) * 100%), transparent) !important; } .text-danger-800 { --bs-text-opacity: 1; color: color-mix(in srgb, var(--nex-danger-800) calc(var(--bs-text-opacity) * 100%), transparent) !important; } .bg-danger-800 { --bs-bg-opacity: 1; background-color: color-mix(in srgb, var(--nex-danger-800) calc(var(--bs-bg-opacity) * 100%), transparent) !important; } .border-danger-800 { --bs-border-opacity: 1; border-color: color-mix(in srgb, var(--nex-danger-800) calc(var(--bs-border-opacity) * 100%), transparent) !important; } .text-danger-900 { --bs-text-opacity: 1; color: color-mix(in srgb, var(--nex-danger-900) calc(var(--bs-text-opacity) * 100%), transparent) !important; } .bg-danger-900 { --bs-bg-opacity: 1; background-color: color-mix(in srgb, var(--nex-danger-900) calc(var(--bs-bg-opacity) * 100%), transparent) !important; } .border-danger-900 { --bs-border-opacity: 1; border-color: color-mix(in srgb, var(--nex-danger-900) calc(var(--bs-border-opacity) * 100%), transparent) !important; } .bg-gradient-danger { background-color: var(--nex-danger) !important; background-image: linear-gradient(to bottom, var(--nex-danger-400), var(--nex-danger-600)) !important; } .text-bg-danger { --bs-bg-opacity: 1; color: var(--nex-danger-contrast) !important; background-color: color-mix(in srgb, var(--nex-danger) calc(var(--bs-bg-opacity) * 100%), transparent) !important; } .card-header.bg-danger, .card-footer.bg-danger { --bs-card-cap-color: var(--nex-danger-contrast); color: var(--nex-danger-contrast); border-color: transparent; } .card > :is(.card-header, .card-footer).bg-danger:not([class*="bg-opacity"]) { background-color: color-mix(in srgb, var(--nex-danger) calc(100% - var(--nex-entete-assombri)), #000) !important; } .text-aqua { --bs-text-opacity: 1; color: color-mix(in srgb, var(--nex-aqua) calc(var(--bs-text-opacity) * 100%), transparent) !important; } .bg-aqua { --bs-bg-opacity: 1; background-color: color-mix(in srgb, var(--nex-aqua) calc(var(--bs-bg-opacity) * 100%), transparent) !important; } .border-aqua { --bs-border-opacity: 1; border-color: color-mix(in srgb, var(--nex-aqua) calc(var(--bs-border-opacity) * 100%), transparent) !important; } .text-aqua-100 { --bs-text-opacity: 1; color: color-mix(in srgb, var(--nex-aqua-100) calc(var(--bs-text-opacity) * 100%), transparent) !important; } .bg-aqua-100 { --bs-bg-opacity: 1; background-color: color-mix(in srgb, var(--nex-aqua-100) calc(var(--bs-bg-opacity) * 100%), transparent) !important; } .border-aqua-100 { --bs-border-opacity: 1; border-color: color-mix(in srgb, var(--nex-aqua-100) calc(var(--bs-border-opacity) * 100%), transparent) !important; } .text-aqua-200 { --bs-text-opacity: 1; color: color-mix(in srgb, var(--nex-aqua-200) calc(var(--bs-text-opacity) * 100%), transparent) !important; } .bg-aqua-200 { --bs-bg-opacity: 1; background-color: color-mix(in srgb, var(--nex-aqua-200) calc(var(--bs-bg-opacity) * 100%), transparent) !important; } .border-aqua-200 { --bs-border-opacity: 1; border-color: color-mix(in srgb, var(--nex-aqua-200) calc(var(--bs-border-opacity) * 100%), transparent) !important; } .text-aqua-300 { --bs-text-opacity: 1; color: color-mix(in srgb, var(--nex-aqua-300) calc(var(--bs-text-opacity) * 100%), transparent) !important; } .bg-aqua-300 { --bs-bg-opacity: 1; background-color: color-mix(in srgb, var(--nex-aqua-300) calc(var(--bs-bg-opacity) * 100%), transparent) !important; } .border-aqua-300 { --bs-border-opacity: 1; border-color: color-mix(in srgb, var(--nex-aqua-300) calc(var(--bs-border-opacity) * 100%), transparent) !important; } .text-aqua-400 { --bs-text-opacity: 1; color: color-mix(in srgb, var(--nex-aqua-400) calc(var(--bs-text-opacity) * 100%), transparent) !important; } .bg-aqua-400 { --bs-bg-opacity: 1; background-color: color-mix(in srgb, var(--nex-aqua-400) calc(var(--bs-bg-opacity) * 100%), transparent) !important; } .border-aqua-400 { --bs-border-opacity: 1; border-color: color-mix(in srgb, var(--nex-aqua-400) calc(var(--bs-border-opacity) * 100%), transparent) !important; } .text-aqua-500 { --bs-text-opacity: 1; color: color-mix(in srgb, var(--nex-aqua-500) calc(var(--bs-text-opacity) * 100%), transparent) !important; } .bg-aqua-500 { --bs-bg-opacity: 1; background-color: color-mix(in srgb, var(--nex-aqua-500) calc(var(--bs-bg-opacity) * 100%), transparent) !important; } .border-aqua-500 { --bs-border-opacity: 1; border-color: color-mix(in srgb, var(--nex-aqua-500) calc(var(--bs-border-opacity) * 100%), transparent) !important; } .text-aqua-600 { --bs-text-opacity: 1; color: color-mix(in srgb, var(--nex-aqua-600) calc(var(--bs-text-opacity) * 100%), transparent) !important; } .bg-aqua-600 { --bs-bg-opacity: 1; background-color: color-mix(in srgb, var(--nex-aqua-600) calc(var(--bs-bg-opacity) * 100%), transparent) !important; } .border-aqua-600 { --bs-border-opacity: 1; border-color: color-mix(in srgb, var(--nex-aqua-600) calc(var(--bs-border-opacity) * 100%), transparent) !important; } .text-aqua-700 { --bs-text-opacity: 1; color: color-mix(in srgb, var(--nex-aqua-700) calc(var(--bs-text-opacity) * 100%), transparent) !important; } .bg-aqua-700 { --bs-bg-opacity: 1; background-color: color-mix(in srgb, var(--nex-aqua-700) calc(var(--bs-bg-opacity) * 100%), transparent) !important; } .border-aqua-700 { --bs-border-opacity: 1; border-color: color-mix(in srgb, var(--nex-aqua-700) calc(var(--bs-border-opacity) * 100%), transparent) !important; } .text-aqua-800 { --bs-text-opacity: 1; color: color-mix(in srgb, var(--nex-aqua-800) calc(var(--bs-text-opacity) * 100%), transparent) !important; } .bg-aqua-800 { --bs-bg-opacity: 1; background-color: color-mix(in srgb, var(--nex-aqua-800) calc(var(--bs-bg-opacity) * 100%), transparent) !important; } .border-aqua-800 { --bs-border-opacity: 1; border-color: color-mix(in srgb, var(--nex-aqua-800) calc(var(--bs-border-opacity) * 100%), transparent) !important; } .text-aqua-900 { --bs-text-opacity: 1; color: color-mix(in srgb, var(--nex-aqua-900) calc(var(--bs-text-opacity) * 100%), transparent) !important; } .bg-aqua-900 { --bs-bg-opacity: 1; background-color: color-mix(in srgb, var(--nex-aqua-900) calc(var(--bs-bg-opacity) * 100%), transparent) !important; } .border-aqua-900 { --bs-border-opacity: 1; border-color: color-mix(in srgb, var(--nex-aqua-900) calc(var(--bs-border-opacity) * 100%), transparent) !important; } .bg-gradient-aqua { background-color: var(--nex-aqua) !important; background-image: linear-gradient(to bottom, var(--nex-aqua-400), var(--nex-aqua-600)) !important; } .text-bg-aqua { --bs-bg-opacity: 1; color: var(--nex-aqua-contrast) !important; background-color: color-mix(in srgb, var(--nex-aqua) calc(var(--bs-bg-opacity) * 100%), transparent) !important; } .card-header.bg-aqua, .card-footer.bg-aqua { --bs-card-cap-color: var(--nex-aqua-contrast); color: var(--nex-aqua-contrast); border-color: transparent; } .card > :is(.card-header, .card-footer).bg-aqua:not([class*="bg-opacity"]) { background-color: color-mix(in srgb, var(--nex-aqua) calc(100% - var(--nex-entete-assombri)), #000) !important; } .text-grey { --bs-text-opacity: 1; color: color-mix(in srgb, var(--nex-grey) calc(var(--bs-text-opacity) * 100%), transparent) !important; } .bg-grey { --bs-bg-opacity: 1; background-color: color-mix(in srgb, var(--nex-grey) calc(var(--bs-bg-opacity) * 100%), transparent) !important; } .border-grey { --bs-border-opacity: 1; border-color: color-mix(in srgb, var(--nex-grey) calc(var(--bs-border-opacity) * 100%), transparent) !important; } .text-grey-100 { --bs-text-opacity: 1; color: color-mix(in srgb, var(--nex-grey-100) calc(var(--bs-text-opacity) * 100%), transparent) !important; } .bg-grey-100 { --bs-bg-opacity: 1; background-color: color-mix(in srgb, var(--nex-grey-100) calc(var(--bs-bg-opacity) * 100%), transparent) !important; } .border-grey-100 { --bs-border-opacity: 1; border-color: color-mix(in srgb, var(--nex-grey-100) calc(var(--bs-border-opacity) * 100%), transparent) !important; } .text-grey-200 { --bs-text-opacity: 1; color: color-mix(in srgb, var(--nex-grey-200) calc(var(--bs-text-opacity) * 100%), transparent) !important; } .bg-grey-200 { --bs-bg-opacity: 1; background-color: color-mix(in srgb, var(--nex-grey-200) calc(var(--bs-bg-opacity) * 100%), transparent) !important; } .border-grey-200 { --bs-border-opacity: 1; border-color: color-mix(in srgb, var(--nex-grey-200) calc(var(--bs-border-opacity) * 100%), transparent) !important; } .text-grey-300 { --bs-text-opacity: 1; color: color-mix(in srgb, var(--nex-grey-300) calc(var(--bs-text-opacity) * 100%), transparent) !important; } .bg-grey-300 { --bs-bg-opacity: 1; background-color: color-mix(in srgb, var(--nex-grey-300) calc(var(--bs-bg-opacity) * 100%), transparent) !important; } .border-grey-300 { --bs-border-opacity: 1; border-color: color-mix(in srgb, var(--nex-grey-300) calc(var(--bs-border-opacity) * 100%), transparent) !important; } .text-grey-400 { --bs-text-opacity: 1; color: color-mix(in srgb, var(--nex-grey-400) calc(var(--bs-text-opacity) * 100%), transparent) !important; } .bg-grey-400 { --bs-bg-opacity: 1; background-color: color-mix(in srgb, var(--nex-grey-400) calc(var(--bs-bg-opacity) * 100%), transparent) !important; } .border-grey-400 { --bs-border-opacity: 1; border-color: color-mix(in srgb, var(--nex-grey-400) calc(var(--bs-border-opacity) * 100%), transparent) !important; } .text-grey-500 { --bs-text-opacity: 1; color: color-mix(in srgb, var(--nex-grey-500) calc(var(--bs-text-opacity) * 100%), transparent) !important; } .bg-grey-500 { --bs-bg-opacity: 1; background-color: color-mix(in srgb, var(--nex-grey-500) calc(var(--bs-bg-opacity) * 100%), transparent) !important; } .border-grey-500 { --bs-border-opacity: 1; border-color: color-mix(in srgb, var(--nex-grey-500) calc(var(--bs-border-opacity) * 100%), transparent) !important; } .text-grey-600 { --bs-text-opacity: 1; color: color-mix(in srgb, var(--nex-grey-600) calc(var(--bs-text-opacity) * 100%), transparent) !important; } .bg-grey-600 { --bs-bg-opacity: 1; background-color: color-mix(in srgb, var(--nex-grey-600) calc(var(--bs-bg-opacity) * 100%), transparent) !important; } .border-grey-600 { --bs-border-opacity: 1; border-color: color-mix(in srgb, var(--nex-grey-600) calc(var(--bs-border-opacity) * 100%), transparent) !important; } .text-grey-700 { --bs-text-opacity: 1; color: color-mix(in srgb, var(--nex-grey-700) calc(var(--bs-text-opacity) * 100%), transparent) !important; } .bg-grey-700 { --bs-bg-opacity: 1; background-color: color-mix(in srgb, var(--nex-grey-700) calc(var(--bs-bg-opacity) * 100%), transparent) !important; } .border-grey-700 { --bs-border-opacity: 1; border-color: color-mix(in srgb, var(--nex-grey-700) calc(var(--bs-border-opacity) * 100%), transparent) !important; } .text-grey-800 { --bs-text-opacity: 1; color: color-mix(in srgb, var(--nex-grey-800) calc(var(--bs-text-opacity) * 100%), transparent) !important; } .bg-grey-800 { --bs-bg-opacity: 1; background-color: color-mix(in srgb, var(--nex-grey-800) calc(var(--bs-bg-opacity) * 100%), transparent) !important; } .border-grey-800 { --bs-border-opacity: 1; border-color: color-mix(in srgb, var(--nex-grey-800) calc(var(--bs-border-opacity) * 100%), transparent) !important; } .text-grey-900 { --bs-text-opacity: 1; color: color-mix(in srgb, var(--nex-grey-900) calc(var(--bs-text-opacity) * 100%), transparent) !important; } .bg-grey-900 { --bs-bg-opacity: 1; background-color: color-mix(in srgb, var(--nex-grey-900) calc(var(--bs-bg-opacity) * 100%), transparent) !important; } .border-grey-900 { --bs-border-opacity: 1; border-color: color-mix(in srgb, var(--nex-grey-900) calc(var(--bs-border-opacity) * 100%), transparent) !important; } .bg-gradient-grey { background-color: var(--nex-grey) !important; background-image: linear-gradient(to bottom, var(--nex-grey-400), var(--nex-grey-600)) !important; } .text-bg-grey { --bs-bg-opacity: 1; color: var(--nex-grey-contrast) !important; background-color: color-mix(in srgb, var(--nex-grey) calc(var(--bs-bg-opacity) * 100%), transparent) !important; } .card-header.bg-grey, .card-footer.bg-grey { --bs-card-cap-color: var(--nex-grey-contrast); color: var(--nex-grey-contrast); border-color: transparent; } .card > :is(.card-header, .card-footer).bg-grey:not([class*="bg-opacity"]) { background-color: color-mix(in srgb, var(--nex-grey) calc(100% - var(--nex-entete-assombri)), #000) !important; } .text-dark { --bs-text-opacity: 1; color: color-mix(in srgb, var(--nex-dark) calc(var(--bs-text-opacity) * 100%), transparent) !important; } .bg-dark { --bs-bg-opacity: 1; background-color: color-mix(in srgb, var(--nex-dark) calc(var(--bs-bg-opacity) * 100%), transparent) !important; } .border-dark { --bs-border-opacity: 1; border-color: color-mix(in srgb, var(--nex-dark) calc(var(--bs-border-opacity) * 100%), transparent) !important; } .text-dark-100 { --bs-text-opacity: 1; color: color-mix(in srgb, var(--nex-dark-100) calc(var(--bs-text-opacity) * 100%), transparent) !important; } .bg-dark-100 { --bs-bg-opacity: 1; background-color: color-mix(in srgb, var(--nex-dark-100) calc(var(--bs-bg-opacity) * 100%), transparent) !important; } .border-dark-100 { --bs-border-opacity: 1; border-color: color-mix(in srgb, var(--nex-dark-100) calc(var(--bs-border-opacity) * 100%), transparent) !important; } .text-dark-200 { --bs-text-opacity: 1; color: color-mix(in srgb, var(--nex-dark-200) calc(var(--bs-text-opacity) * 100%), transparent) !important; } .bg-dark-200 { --bs-bg-opacity: 1; background-color: color-mix(in srgb, var(--nex-dark-200) calc(var(--bs-bg-opacity) * 100%), transparent) !important; } .border-dark-200 { --bs-border-opacity: 1; border-color: color-mix(in srgb, var(--nex-dark-200) calc(var(--bs-border-opacity) * 100%), transparent) !important; } .text-dark-300 { --bs-text-opacity: 1; color: color-mix(in srgb, var(--nex-dark-300) calc(var(--bs-text-opacity) * 100%), transparent) !important; } .bg-dark-300 { --bs-bg-opacity: 1; background-color: color-mix(in srgb, var(--nex-dark-300) calc(var(--bs-bg-opacity) * 100%), transparent) !important; } .border-dark-300 { --bs-border-opacity: 1; border-color: color-mix(in srgb, var(--nex-dark-300) calc(var(--bs-border-opacity) * 100%), transparent) !important; } .text-dark-400 { --bs-text-opacity: 1; color: color-mix(in srgb, var(--nex-dark-400) calc(var(--bs-text-opacity) * 100%), transparent) !important; } .bg-dark-400 { --bs-bg-opacity: 1; background-color: color-mix(in srgb, var(--nex-dark-400) calc(var(--bs-bg-opacity) * 100%), transparent) !important; } .border-dark-400 { --bs-border-opacity: 1; border-color: color-mix(in srgb, var(--nex-dark-400) calc(var(--bs-border-opacity) * 100%), transparent) !important; } .text-dark-500 { --bs-text-opacity: 1; color: color-mix(in srgb, var(--nex-dark-500) calc(var(--bs-text-opacity) * 100%), transparent) !important; } .bg-dark-500 { --bs-bg-opacity: 1; background-color: color-mix(in srgb, var(--nex-dark-500) calc(var(--bs-bg-opacity) * 100%), transparent) !important; } .border-dark-500 { --bs-border-opacity: 1; border-color: color-mix(in srgb, var(--nex-dark-500) calc(var(--bs-border-opacity) * 100%), transparent) !important; } .text-dark-600 { --bs-text-opacity: 1; color: color-mix(in srgb, var(--nex-dark-600) calc(var(--bs-text-opacity) * 100%), transparent) !important; } .bg-dark-600 { --bs-bg-opacity: 1; background-color: color-mix(in srgb, var(--nex-dark-600) calc(var(--bs-bg-opacity) * 100%), transparent) !important; } .border-dark-600 { --bs-border-opacity: 1; border-color: color-mix(in srgb, var(--nex-dark-600) calc(var(--bs-border-opacity) * 100%), transparent) !important; } .text-dark-700 { --bs-text-opacity: 1; color: color-mix(in srgb, var(--nex-dark-700) calc(var(--bs-text-opacity) * 100%), transparent) !important; } .bg-dark-700 { --bs-bg-opacity: 1; background-color: color-mix(in srgb, var(--nex-dark-700) calc(var(--bs-bg-opacity) * 100%), transparent) !important; } .border-dark-700 { --bs-border-opacity: 1; border-color: color-mix(in srgb, var(--nex-dark-700) calc(var(--bs-border-opacity) * 100%), transparent) !important; } .text-dark-800 { --bs-text-opacity: 1; color: color-mix(in srgb, var(--nex-dark-800) calc(var(--bs-text-opacity) * 100%), transparent) !important; } .bg-dark-800 { --bs-bg-opacity: 1; background-color: color-mix(in srgb, var(--nex-dark-800) calc(var(--bs-bg-opacity) * 100%), transparent) !important; } .border-dark-800 { --bs-border-opacity: 1; border-color: color-mix(in srgb, var(--nex-dark-800) calc(var(--bs-border-opacity) * 100%), transparent) !important; } .text-dark-900 { --bs-text-opacity: 1; color: color-mix(in srgb, var(--nex-dark-900) calc(var(--bs-text-opacity) * 100%), transparent) !important; } .bg-dark-900 { --bs-bg-opacity: 1; background-color: color-mix(in srgb, var(--nex-dark-900) calc(var(--bs-bg-opacity) * 100%), transparent) !important; } .border-dark-900 { --bs-border-opacity: 1; border-color: color-mix(in srgb, var(--nex-dark-900) calc(var(--bs-border-opacity) * 100%), transparent) !important; } .bg-gradient-dark { background-color: var(--nex-dark) !important; background-image: linear-gradient(to bottom, var(--nex-dark-400), var(--nex-dark-600)) !important; } .text-bg-dark { --bs-bg-opacity: 1; color: var(--nex-dark-contrast) !important; background-color: color-mix(in srgb, var(--nex-dark) calc(var(--bs-bg-opacity) * 100%), transparent) !important; } .card-header.bg-dark, .card-footer.bg-dark { --bs-card-cap-color: var(--nex-dark-contrast); color: var(--nex-dark-contrast); border-color: transparent; } .card > :is(.card-header, .card-footer).bg-dark:not([class*="bg-opacity"]) { background-color: color-mix(in srgb, var(--nex-dark) calc(100% - var(--nex-entete-assombri)), #000) !important; } /* Boutons : btn-teal, btn-outline-danger... (survol 600, actif 700 ; en mode sombre l'échelle s'inverse) */ .btn-blue { --bs-btn-color: var(--nex-blue-contrast); --bs-btn-bg: var(--nex-blue); --bs-btn-border-color: var(--nex-blue); --bs-btn-hover-color: var(--nex-blue-contrast); --bs-btn-hover-bg: var(--nex-blue-600); --bs-btn-hover-border-color: var(--nex-blue-600); --bs-btn-focus-shadow-rgb: var(--nex-blue-rgb); --bs-btn-active-color: var(--nex-blue-contrast); --bs-btn-active-bg: var(--nex-blue-700); --bs-btn-active-border-color: var(--nex-blue-700); --bs-btn-disabled-color: var(--nex-blue-contrast); --bs-btn-disabled-bg: var(--nex-blue); --bs-btn-disabled-border-color: var(--nex-blue); } .btn-outline-blue { --bs-btn-color: var(--nex-blue); --bs-btn-border-color: var(--nex-blue); --bs-btn-hover-color: var(--nex-blue-contrast); --bs-btn-hover-bg: var(--nex-blue); --bs-btn-hover-border-color: var(--nex-blue); --bs-btn-focus-shadow-rgb: var(--nex-blue-rgb); --bs-btn-active-color: var(--nex-blue-contrast); --bs-btn-active-bg: var(--nex-blue-600); --bs-btn-active-border-color: var(--nex-blue-600); --bs-btn-disabled-color: var(--nex-blue); --bs-btn-disabled-bg: transparent; --bs-btn-disabled-border-color: var(--nex-blue); --bs-gradient: none; } .btn-indigo { --bs-btn-color: var(--nex-indigo-contrast); --bs-btn-bg: var(--nex-indigo); --bs-btn-border-color: var(--nex-indigo); --bs-btn-hover-color: var(--nex-indigo-contrast); --bs-btn-hover-bg: var(--nex-indigo-600); --bs-btn-hover-border-color: var(--nex-indigo-600); --bs-btn-focus-shadow-rgb: var(--nex-indigo-rgb); --bs-btn-active-color: var(--nex-indigo-contrast); --bs-btn-active-bg: var(--nex-indigo-700); --bs-btn-active-border-color: var(--nex-indigo-700); --bs-btn-disabled-color: var(--nex-indigo-contrast); --bs-btn-disabled-bg: var(--nex-indigo); --bs-btn-disabled-border-color: var(--nex-indigo); } .btn-outline-indigo { --bs-btn-color: var(--nex-indigo); --bs-btn-border-color: var(--nex-indigo); --bs-btn-hover-color: var(--nex-indigo-contrast); --bs-btn-hover-bg: var(--nex-indigo); --bs-btn-hover-border-color: var(--nex-indigo); --bs-btn-focus-shadow-rgb: var(--nex-indigo-rgb); --bs-btn-active-color: var(--nex-indigo-contrast); --bs-btn-active-bg: var(--nex-indigo-600); --bs-btn-active-border-color: var(--nex-indigo-600); --bs-btn-disabled-color: var(--nex-indigo); --bs-btn-disabled-bg: transparent; --bs-btn-disabled-border-color: var(--nex-indigo); --bs-gradient: none; } .btn-purple { --bs-btn-color: var(--nex-purple-contrast); --bs-btn-bg: var(--nex-purple); --bs-btn-border-color: var(--nex-purple); --bs-btn-hover-color: var(--nex-purple-contrast); --bs-btn-hover-bg: var(--nex-purple-600); --bs-btn-hover-border-color: var(--nex-purple-600); --bs-btn-focus-shadow-rgb: var(--nex-purple-rgb); --bs-btn-active-color: var(--nex-purple-contrast); --bs-btn-active-bg: var(--nex-purple-700); --bs-btn-active-border-color: var(--nex-purple-700); --bs-btn-disabled-color: var(--nex-purple-contrast); --bs-btn-disabled-bg: var(--nex-purple); --bs-btn-disabled-border-color: var(--nex-purple); } .btn-outline-purple { --bs-btn-color: var(--nex-purple); --bs-btn-border-color: var(--nex-purple); --bs-btn-hover-color: var(--nex-purple-contrast); --bs-btn-hover-bg: var(--nex-purple); --bs-btn-hover-border-color: var(--nex-purple); --bs-btn-focus-shadow-rgb: var(--nex-purple-rgb); --bs-btn-active-color: var(--nex-purple-contrast); --bs-btn-active-bg: var(--nex-purple-600); --bs-btn-active-border-color: var(--nex-purple-600); --bs-btn-disabled-color: var(--nex-purple); --bs-btn-disabled-bg: transparent; --bs-btn-disabled-border-color: var(--nex-purple); --bs-gradient: none; } .btn-pink { --bs-btn-color: var(--nex-pink-contrast); --bs-btn-bg: var(--nex-pink); --bs-btn-border-color: var(--nex-pink); --bs-btn-hover-color: var(--nex-pink-contrast); --bs-btn-hover-bg: var(--nex-pink-600); --bs-btn-hover-border-color: var(--nex-pink-600); --bs-btn-focus-shadow-rgb: var(--nex-pink-rgb); --bs-btn-active-color: var(--nex-pink-contrast); --bs-btn-active-bg: var(--nex-pink-700); --bs-btn-active-border-color: var(--nex-pink-700); --bs-btn-disabled-color: var(--nex-pink-contrast); --bs-btn-disabled-bg: var(--nex-pink); --bs-btn-disabled-border-color: var(--nex-pink); } .btn-outline-pink { --bs-btn-color: var(--nex-pink); --bs-btn-border-color: var(--nex-pink); --bs-btn-hover-color: var(--nex-pink-contrast); --bs-btn-hover-bg: var(--nex-pink); --bs-btn-hover-border-color: var(--nex-pink); --bs-btn-focus-shadow-rgb: var(--nex-pink-rgb); --bs-btn-active-color: var(--nex-pink-contrast); --bs-btn-active-bg: var(--nex-pink-600); --bs-btn-active-border-color: var(--nex-pink-600); --bs-btn-disabled-color: var(--nex-pink); --bs-btn-disabled-bg: transparent; --bs-btn-disabled-border-color: var(--nex-pink); --bs-gradient: none; } .btn-red { --bs-btn-color: var(--nex-red-contrast); --bs-btn-bg: var(--nex-red); --bs-btn-border-color: var(--nex-red); --bs-btn-hover-color: var(--nex-red-contrast); --bs-btn-hover-bg: var(--nex-red-600); --bs-btn-hover-border-color: var(--nex-red-600); --bs-btn-focus-shadow-rgb: var(--nex-red-rgb); --bs-btn-active-color: var(--nex-red-contrast); --bs-btn-active-bg: var(--nex-red-700); --bs-btn-active-border-color: var(--nex-red-700); --bs-btn-disabled-color: var(--nex-red-contrast); --bs-btn-disabled-bg: var(--nex-red); --bs-btn-disabled-border-color: var(--nex-red); } .btn-outline-red { --bs-btn-color: var(--nex-red); --bs-btn-border-color: var(--nex-red); --bs-btn-hover-color: var(--nex-red-contrast); --bs-btn-hover-bg: var(--nex-red); --bs-btn-hover-border-color: var(--nex-red); --bs-btn-focus-shadow-rgb: var(--nex-red-rgb); --bs-btn-active-color: var(--nex-red-contrast); --bs-btn-active-bg: var(--nex-red-600); --bs-btn-active-border-color: var(--nex-red-600); --bs-btn-disabled-color: var(--nex-red); --bs-btn-disabled-bg: transparent; --bs-btn-disabled-border-color: var(--nex-red); --bs-gradient: none; } .btn-orange { --bs-btn-color: var(--nex-orange-contrast); --bs-btn-bg: var(--nex-orange); --bs-btn-border-color: var(--nex-orange); --bs-btn-hover-color: var(--nex-orange-contrast); --bs-btn-hover-bg: var(--nex-orange-600); --bs-btn-hover-border-color: var(--nex-orange-600); --bs-btn-focus-shadow-rgb: var(--nex-orange-rgb); --bs-btn-active-color: var(--nex-orange-contrast); --bs-btn-active-bg: var(--nex-orange-700); --bs-btn-active-border-color: var(--nex-orange-700); --bs-btn-disabled-color: var(--nex-orange-contrast); --bs-btn-disabled-bg: var(--nex-orange); --bs-btn-disabled-border-color: var(--nex-orange); } .btn-outline-orange { --bs-btn-color: var(--nex-orange); --bs-btn-border-color: var(--nex-orange); --bs-btn-hover-color: var(--nex-orange-contrast); --bs-btn-hover-bg: var(--nex-orange); --bs-btn-hover-border-color: var(--nex-orange); --bs-btn-focus-shadow-rgb: var(--nex-orange-rgb); --bs-btn-active-color: var(--nex-orange-contrast); --bs-btn-active-bg: var(--nex-orange-600); --bs-btn-active-border-color: var(--nex-orange-600); --bs-btn-disabled-color: var(--nex-orange); --bs-btn-disabled-bg: transparent; --bs-btn-disabled-border-color: var(--nex-orange); --bs-gradient: none; } .btn-yellow { --bs-btn-color: var(--nex-yellow-contrast); --bs-btn-bg: var(--nex-yellow); --bs-btn-border-color: var(--nex-yellow); --bs-btn-hover-color: var(--nex-yellow-contrast); --bs-btn-hover-bg: var(--nex-yellow-600); --bs-btn-hover-border-color: var(--nex-yellow-600); --bs-btn-focus-shadow-rgb: var(--nex-yellow-rgb); --bs-btn-active-color: var(--nex-yellow-contrast); --bs-btn-active-bg: var(--nex-yellow-700); --bs-btn-active-border-color: var(--nex-yellow-700); --bs-btn-disabled-color: var(--nex-yellow-contrast); --bs-btn-disabled-bg: var(--nex-yellow); --bs-btn-disabled-border-color: var(--nex-yellow); } .btn-outline-yellow { --bs-btn-color: var(--nex-yellow); --bs-btn-border-color: var(--nex-yellow); --bs-btn-hover-color: var(--nex-yellow-contrast); --bs-btn-hover-bg: var(--nex-yellow); --bs-btn-hover-border-color: var(--nex-yellow); --bs-btn-focus-shadow-rgb: var(--nex-yellow-rgb); --bs-btn-active-color: var(--nex-yellow-contrast); --bs-btn-active-bg: var(--nex-yellow-600); --bs-btn-active-border-color: var(--nex-yellow-600); --bs-btn-disabled-color: var(--nex-yellow); --bs-btn-disabled-bg: transparent; --bs-btn-disabled-border-color: var(--nex-yellow); --bs-gradient: none; } .btn-green { --bs-btn-color: var(--nex-green-contrast); --bs-btn-bg: var(--nex-green); --bs-btn-border-color: var(--nex-green); --bs-btn-hover-color: var(--nex-green-contrast); --bs-btn-hover-bg: var(--nex-green-600); --bs-btn-hover-border-color: var(--nex-green-600); --bs-btn-focus-shadow-rgb: var(--nex-green-rgb); --bs-btn-active-color: var(--nex-green-contrast); --bs-btn-active-bg: var(--nex-green-700); --bs-btn-active-border-color: var(--nex-green-700); --bs-btn-disabled-color: var(--nex-green-contrast); --bs-btn-disabled-bg: var(--nex-green); --bs-btn-disabled-border-color: var(--nex-green); } .btn-outline-green { --bs-btn-color: var(--nex-green); --bs-btn-border-color: var(--nex-green); --bs-btn-hover-color: var(--nex-green-contrast); --bs-btn-hover-bg: var(--nex-green); --bs-btn-hover-border-color: var(--nex-green); --bs-btn-focus-shadow-rgb: var(--nex-green-rgb); --bs-btn-active-color: var(--nex-green-contrast); --bs-btn-active-bg: var(--nex-green-600); --bs-btn-active-border-color: var(--nex-green-600); --bs-btn-disabled-color: var(--nex-green); --bs-btn-disabled-bg: transparent; --bs-btn-disabled-border-color: var(--nex-green); --bs-gradient: none; } .btn-teal { --bs-btn-color: var(--nex-teal-contrast); --bs-btn-bg: var(--nex-teal); --bs-btn-border-color: var(--nex-teal); --bs-btn-hover-color: var(--nex-teal-contrast); --bs-btn-hover-bg: var(--nex-teal-600); --bs-btn-hover-border-color: var(--nex-teal-600); --bs-btn-focus-shadow-rgb: var(--nex-teal-rgb); --bs-btn-active-color: var(--nex-teal-contrast); --bs-btn-active-bg: var(--nex-teal-700); --bs-btn-active-border-color: var(--nex-teal-700); --bs-btn-disabled-color: var(--nex-teal-contrast); --bs-btn-disabled-bg: var(--nex-teal); --bs-btn-disabled-border-color: var(--nex-teal); } .btn-outline-teal { --bs-btn-color: var(--nex-teal); --bs-btn-border-color: var(--nex-teal); --bs-btn-hover-color: var(--nex-teal-contrast); --bs-btn-hover-bg: var(--nex-teal); --bs-btn-hover-border-color: var(--nex-teal); --bs-btn-focus-shadow-rgb: var(--nex-teal-rgb); --bs-btn-active-color: var(--nex-teal-contrast); --bs-btn-active-bg: var(--nex-teal-600); --bs-btn-active-border-color: var(--nex-teal-600); --bs-btn-disabled-color: var(--nex-teal); --bs-btn-disabled-bg: transparent; --bs-btn-disabled-border-color: var(--nex-teal); --bs-gradient: none; } .btn-lime { --bs-btn-color: var(--nex-lime-contrast); --bs-btn-bg: var(--nex-lime); --bs-btn-border-color: var(--nex-lime); --bs-btn-hover-color: var(--nex-lime-contrast); --bs-btn-hover-bg: var(--nex-lime-600); --bs-btn-hover-border-color: var(--nex-lime-600); --bs-btn-focus-shadow-rgb: var(--nex-lime-rgb); --bs-btn-active-color: var(--nex-lime-contrast); --bs-btn-active-bg: var(--nex-lime-700); --bs-btn-active-border-color: var(--nex-lime-700); --bs-btn-disabled-color: var(--nex-lime-contrast); --bs-btn-disabled-bg: var(--nex-lime); --bs-btn-disabled-border-color: var(--nex-lime); } .btn-outline-lime { --bs-btn-color: var(--nex-lime); --bs-btn-border-color: var(--nex-lime); --bs-btn-hover-color: var(--nex-lime-contrast); --bs-btn-hover-bg: var(--nex-lime); --bs-btn-hover-border-color: var(--nex-lime); --bs-btn-focus-shadow-rgb: var(--nex-lime-rgb); --bs-btn-active-color: var(--nex-lime-contrast); --bs-btn-active-bg: var(--nex-lime-600); --bs-btn-active-border-color: var(--nex-lime-600); --bs-btn-disabled-color: var(--nex-lime); --bs-btn-disabled-bg: transparent; --bs-btn-disabled-border-color: var(--nex-lime); --bs-gradient: none; } .btn-cyan { --bs-btn-color: var(--nex-cyan-contrast); --bs-btn-bg: var(--nex-cyan); --bs-btn-border-color: var(--nex-cyan); --bs-btn-hover-color: var(--nex-cyan-contrast); --bs-btn-hover-bg: var(--nex-cyan-600); --bs-btn-hover-border-color: var(--nex-cyan-600); --bs-btn-focus-shadow-rgb: var(--nex-cyan-rgb); --bs-btn-active-color: var(--nex-cyan-contrast); --bs-btn-active-bg: var(--nex-cyan-700); --bs-btn-active-border-color: var(--nex-cyan-700); --bs-btn-disabled-color: var(--nex-cyan-contrast); --bs-btn-disabled-bg: var(--nex-cyan); --bs-btn-disabled-border-color: var(--nex-cyan); } .btn-outline-cyan { --bs-btn-color: var(--nex-cyan); --bs-btn-border-color: var(--nex-cyan); --bs-btn-hover-color: var(--nex-cyan-contrast); --bs-btn-hover-bg: var(--nex-cyan); --bs-btn-hover-border-color: var(--nex-cyan); --bs-btn-focus-shadow-rgb: var(--nex-cyan-rgb); --bs-btn-active-color: var(--nex-cyan-contrast); --bs-btn-active-bg: var(--nex-cyan-600); --bs-btn-active-border-color: var(--nex-cyan-600); --bs-btn-disabled-color: var(--nex-cyan); --bs-btn-disabled-bg: transparent; --bs-btn-disabled-border-color: var(--nex-cyan); --bs-gradient: none; } .btn-brown { --bs-btn-color: var(--nex-brown-contrast); --bs-btn-bg: var(--nex-brown); --bs-btn-border-color: var(--nex-brown); --bs-btn-hover-color: var(--nex-brown-contrast); --bs-btn-hover-bg: var(--nex-brown-600); --bs-btn-hover-border-color: var(--nex-brown-600); --bs-btn-focus-shadow-rgb: var(--nex-brown-rgb); --bs-btn-active-color: var(--nex-brown-contrast); --bs-btn-active-bg: var(--nex-brown-700); --bs-btn-active-border-color: var(--nex-brown-700); --bs-btn-disabled-color: var(--nex-brown-contrast); --bs-btn-disabled-bg: var(--nex-brown); --bs-btn-disabled-border-color: var(--nex-brown); } .btn-outline-brown { --bs-btn-color: var(--nex-brown); --bs-btn-border-color: var(--nex-brown); --bs-btn-hover-color: var(--nex-brown-contrast); --bs-btn-hover-bg: var(--nex-brown); --bs-btn-hover-border-color: var(--nex-brown); --bs-btn-focus-shadow-rgb: var(--nex-brown-rgb); --bs-btn-active-color: var(--nex-brown-contrast); --bs-btn-active-bg: var(--nex-brown-600); --bs-btn-active-border-color: var(--nex-brown-600); --bs-btn-disabled-color: var(--nex-brown); --bs-btn-disabled-bg: transparent; --bs-btn-disabled-border-color: var(--nex-brown); --bs-gradient: none; } .btn-gray { --bs-btn-color: var(--nex-gray-contrast); --bs-btn-bg: var(--nex-gray); --bs-btn-border-color: var(--nex-gray); --bs-btn-hover-color: var(--nex-gray-contrast); --bs-btn-hover-bg: var(--nex-gray-600); --bs-btn-hover-border-color: var(--nex-gray-600); --bs-btn-focus-shadow-rgb: var(--nex-gray-rgb); --bs-btn-active-color: var(--nex-gray-contrast); --bs-btn-active-bg: var(--nex-gray-700); --bs-btn-active-border-color: var(--nex-gray-700); --bs-btn-disabled-color: var(--nex-gray-contrast); --bs-btn-disabled-bg: var(--nex-gray); --bs-btn-disabled-border-color: var(--nex-gray); } .btn-outline-gray { --bs-btn-color: var(--nex-gray); --bs-btn-border-color: var(--nex-gray); --bs-btn-hover-color: var(--nex-gray-contrast); --bs-btn-hover-bg: var(--nex-gray); --bs-btn-hover-border-color: var(--nex-gray); --bs-btn-focus-shadow-rgb: var(--nex-gray-rgb); --bs-btn-active-color: var(--nex-gray-contrast); --bs-btn-active-bg: var(--nex-gray-600); --bs-btn-active-border-color: var(--nex-gray-600); --bs-btn-disabled-color: var(--nex-gray); --bs-btn-disabled-bg: transparent; --bs-btn-disabled-border-color: var(--nex-gray); --bs-gradient: none; } .btn-silver { --bs-btn-color: var(--nex-silver-contrast); --bs-btn-bg: var(--nex-silver); --bs-btn-border-color: var(--nex-silver); --bs-btn-hover-color: var(--nex-silver-contrast); --bs-btn-hover-bg: var(--nex-silver-600); --bs-btn-hover-border-color: var(--nex-silver-600); --bs-btn-focus-shadow-rgb: var(--nex-silver-rgb); --bs-btn-active-color: var(--nex-silver-contrast); --bs-btn-active-bg: var(--nex-silver-700); --bs-btn-active-border-color: var(--nex-silver-700); --bs-btn-disabled-color: var(--nex-silver-contrast); --bs-btn-disabled-bg: var(--nex-silver); --bs-btn-disabled-border-color: var(--nex-silver); } .btn-outline-silver { --bs-btn-color: var(--nex-silver); --bs-btn-border-color: var(--nex-silver); --bs-btn-hover-color: var(--nex-silver-contrast); --bs-btn-hover-bg: var(--nex-silver); --bs-btn-hover-border-color: var(--nex-silver); --bs-btn-focus-shadow-rgb: var(--nex-silver-rgb); --bs-btn-active-color: var(--nex-silver-contrast); --bs-btn-active-bg: var(--nex-silver-600); --bs-btn-active-border-color: var(--nex-silver-600); --bs-btn-disabled-color: var(--nex-silver); --bs-btn-disabled-bg: transparent; --bs-btn-disabled-border-color: var(--nex-silver); --bs-gradient: none; } .btn-muted { --bs-btn-color: var(--nex-muted-contrast); --bs-btn-bg: var(--nex-muted); --bs-btn-border-color: var(--nex-muted); --bs-btn-hover-color: var(--nex-muted-contrast); --bs-btn-hover-bg: var(--nex-muted-600); --bs-btn-hover-border-color: var(--nex-muted-600); --bs-btn-focus-shadow-rgb: var(--nex-muted-rgb); --bs-btn-active-color: var(--nex-muted-contrast); --bs-btn-active-bg: var(--nex-muted-700); --bs-btn-active-border-color: var(--nex-muted-700); --bs-btn-disabled-color: var(--nex-muted-contrast); --bs-btn-disabled-bg: var(--nex-muted); --bs-btn-disabled-border-color: var(--nex-muted); } .btn-outline-muted { --bs-btn-color: var(--nex-muted); --bs-btn-border-color: var(--nex-muted); --bs-btn-hover-color: var(--nex-muted-contrast); --bs-btn-hover-bg: var(--nex-muted); --bs-btn-hover-border-color: var(--nex-muted); --bs-btn-focus-shadow-rgb: var(--nex-muted-rgb); --bs-btn-active-color: var(--nex-muted-contrast); --bs-btn-active-bg: var(--nex-muted-600); --bs-btn-active-border-color: var(--nex-muted-600); --bs-btn-disabled-color: var(--nex-muted); --bs-btn-disabled-bg: transparent; --bs-btn-disabled-border-color: var(--nex-muted); --bs-gradient: none; } .btn-inverse { --bs-btn-color: var(--nex-inverse-contrast); --bs-btn-bg: var(--nex-inverse); --bs-btn-border-color: var(--nex-inverse); --bs-btn-hover-color: var(--nex-inverse-contrast); --bs-btn-hover-bg: var(--nex-inverse-600); --bs-btn-hover-border-color: var(--nex-inverse-600); --bs-btn-focus-shadow-rgb: var(--nex-inverse-rgb); --bs-btn-active-color: var(--nex-inverse-contrast); --bs-btn-active-bg: var(--nex-inverse-700); --bs-btn-active-border-color: var(--nex-inverse-700); --bs-btn-disabled-color: var(--nex-inverse-contrast); --bs-btn-disabled-bg: var(--nex-inverse); --bs-btn-disabled-border-color: var(--nex-inverse); } .btn-outline-inverse { --bs-btn-color: var(--nex-inverse); --bs-btn-border-color: var(--nex-inverse); --bs-btn-hover-color: var(--nex-inverse-contrast); --bs-btn-hover-bg: var(--nex-inverse); --bs-btn-hover-border-color: var(--nex-inverse); --bs-btn-focus-shadow-rgb: var(--nex-inverse-rgb); --bs-btn-active-color: var(--nex-inverse-contrast); --bs-btn-active-bg: var(--nex-inverse-600); --bs-btn-active-border-color: var(--nex-inverse-600); --bs-btn-disabled-color: var(--nex-inverse); --bs-btn-disabled-bg: transparent; --bs-btn-disabled-border-color: var(--nex-inverse); --bs-gradient: none; } .btn-primary { --bs-btn-color: var(--nex-primary-contrast); --bs-btn-bg: var(--nex-primary); --bs-btn-border-color: var(--nex-primary); --bs-btn-hover-color: var(--nex-primary-contrast); --bs-btn-hover-bg: var(--nex-primary-600); --bs-btn-hover-border-color: var(--nex-primary-600); --bs-btn-focus-shadow-rgb: var(--nex-primary-rgb); --bs-btn-active-color: var(--nex-primary-contrast); --bs-btn-active-bg: var(--nex-primary-700); --bs-btn-active-border-color: var(--nex-primary-700); --bs-btn-disabled-color: var(--nex-primary-contrast); --bs-btn-disabled-bg: var(--nex-primary); --bs-btn-disabled-border-color: var(--nex-primary); } .btn-outline-primary { --bs-btn-color: var(--nex-primary); --bs-btn-border-color: var(--nex-primary); --bs-btn-hover-color: var(--nex-primary-contrast); --bs-btn-hover-bg: var(--nex-primary); --bs-btn-hover-border-color: var(--nex-primary); --bs-btn-focus-shadow-rgb: var(--nex-primary-rgb); --bs-btn-active-color: var(--nex-primary-contrast); --bs-btn-active-bg: var(--nex-primary-600); --bs-btn-active-border-color: var(--nex-primary-600); --bs-btn-disabled-color: var(--nex-primary); --bs-btn-disabled-bg: transparent; --bs-btn-disabled-border-color: var(--nex-primary); --bs-gradient: none; } .btn-secondary { --bs-btn-color: var(--nex-secondary-contrast); --bs-btn-bg: var(--nex-secondary); --bs-btn-border-color: var(--nex-secondary); --bs-btn-hover-color: var(--nex-secondary-contrast); --bs-btn-hover-bg: var(--nex-secondary-600); --bs-btn-hover-border-color: var(--nex-secondary-600); --bs-btn-focus-shadow-rgb: var(--nex-secondary-rgb); --bs-btn-active-color: var(--nex-secondary-contrast); --bs-btn-active-bg: var(--nex-secondary-700); --bs-btn-active-border-color: var(--nex-secondary-700); --bs-btn-disabled-color: var(--nex-secondary-contrast); --bs-btn-disabled-bg: var(--nex-secondary); --bs-btn-disabled-border-color: var(--nex-secondary); } .btn-outline-secondary { --bs-btn-color: var(--nex-secondary); --bs-btn-border-color: var(--nex-secondary); --bs-btn-hover-color: var(--nex-secondary-contrast); --bs-btn-hover-bg: var(--nex-secondary); --bs-btn-hover-border-color: var(--nex-secondary); --bs-btn-focus-shadow-rgb: var(--nex-secondary-rgb); --bs-btn-active-color: var(--nex-secondary-contrast); --bs-btn-active-bg: var(--nex-secondary-600); --bs-btn-active-border-color: var(--nex-secondary-600); --bs-btn-disabled-color: var(--nex-secondary); --bs-btn-disabled-bg: transparent; --bs-btn-disabled-border-color: var(--nex-secondary); --bs-gradient: none; } .btn-success { --bs-btn-color: var(--nex-success-contrast); --bs-btn-bg: var(--nex-success); --bs-btn-border-color: var(--nex-success); --bs-btn-hover-color: var(--nex-success-contrast); --bs-btn-hover-bg: var(--nex-success-600); --bs-btn-hover-border-color: var(--nex-success-600); --bs-btn-focus-shadow-rgb: var(--nex-success-rgb); --bs-btn-active-color: var(--nex-success-contrast); --bs-btn-active-bg: var(--nex-success-700); --bs-btn-active-border-color: var(--nex-success-700); --bs-btn-disabled-color: var(--nex-success-contrast); --bs-btn-disabled-bg: var(--nex-success); --bs-btn-disabled-border-color: var(--nex-success); } .btn-outline-success { --bs-btn-color: var(--nex-success); --bs-btn-border-color: var(--nex-success); --bs-btn-hover-color: var(--nex-success-contrast); --bs-btn-hover-bg: var(--nex-success); --bs-btn-hover-border-color: var(--nex-success); --bs-btn-focus-shadow-rgb: var(--nex-success-rgb); --bs-btn-active-color: var(--nex-success-contrast); --bs-btn-active-bg: var(--nex-success-600); --bs-btn-active-border-color: var(--nex-success-600); --bs-btn-disabled-color: var(--nex-success); --bs-btn-disabled-bg: transparent; --bs-btn-disabled-border-color: var(--nex-success); --bs-gradient: none; } .btn-info { --bs-btn-color: var(--nex-info-contrast); --bs-btn-bg: var(--nex-info); --bs-btn-border-color: var(--nex-info); --bs-btn-hover-color: var(--nex-info-contrast); --bs-btn-hover-bg: var(--nex-info-600); --bs-btn-hover-border-color: var(--nex-info-600); --bs-btn-focus-shadow-rgb: var(--nex-info-rgb); --bs-btn-active-color: var(--nex-info-contrast); --bs-btn-active-bg: var(--nex-info-700); --bs-btn-active-border-color: var(--nex-info-700); --bs-btn-disabled-color: var(--nex-info-contrast); --bs-btn-disabled-bg: var(--nex-info); --bs-btn-disabled-border-color: var(--nex-info); } .btn-outline-info { --bs-btn-color: var(--nex-info); --bs-btn-border-color: var(--nex-info); --bs-btn-hover-color: var(--nex-info-contrast); --bs-btn-hover-bg: var(--nex-info); --bs-btn-hover-border-color: var(--nex-info); --bs-btn-focus-shadow-rgb: var(--nex-info-rgb); --bs-btn-active-color: var(--nex-info-contrast); --bs-btn-active-bg: var(--nex-info-600); --bs-btn-active-border-color: var(--nex-info-600); --bs-btn-disabled-color: var(--nex-info); --bs-btn-disabled-bg: transparent; --bs-btn-disabled-border-color: var(--nex-info); --bs-gradient: none; } .btn-warning { --bs-btn-color: var(--nex-warning-contrast); --bs-btn-bg: var(--nex-warning); --bs-btn-border-color: var(--nex-warning); --bs-btn-hover-color: var(--nex-warning-contrast); --bs-btn-hover-bg: var(--nex-warning-600); --bs-btn-hover-border-color: var(--nex-warning-600); --bs-btn-focus-shadow-rgb: var(--nex-warning-rgb); --bs-btn-active-color: var(--nex-warning-contrast); --bs-btn-active-bg: var(--nex-warning-700); --bs-btn-active-border-color: var(--nex-warning-700); --bs-btn-disabled-color: var(--nex-warning-contrast); --bs-btn-disabled-bg: var(--nex-warning); --bs-btn-disabled-border-color: var(--nex-warning); } .btn-outline-warning { --bs-btn-color: var(--nex-warning); --bs-btn-border-color: var(--nex-warning); --bs-btn-hover-color: var(--nex-warning-contrast); --bs-btn-hover-bg: var(--nex-warning); --bs-btn-hover-border-color: var(--nex-warning); --bs-btn-focus-shadow-rgb: var(--nex-warning-rgb); --bs-btn-active-color: var(--nex-warning-contrast); --bs-btn-active-bg: var(--nex-warning-600); --bs-btn-active-border-color: var(--nex-warning-600); --bs-btn-disabled-color: var(--nex-warning); --bs-btn-disabled-bg: transparent; --bs-btn-disabled-border-color: var(--nex-warning); --bs-gradient: none; } .btn-danger { --bs-btn-color: var(--nex-danger-contrast); --bs-btn-bg: var(--nex-danger); --bs-btn-border-color: var(--nex-danger); --bs-btn-hover-color: var(--nex-danger-contrast); --bs-btn-hover-bg: var(--nex-danger-600); --bs-btn-hover-border-color: var(--nex-danger-600); --bs-btn-focus-shadow-rgb: var(--nex-danger-rgb); --bs-btn-active-color: var(--nex-danger-contrast); --bs-btn-active-bg: var(--nex-danger-700); --bs-btn-active-border-color: var(--nex-danger-700); --bs-btn-disabled-color: var(--nex-danger-contrast); --bs-btn-disabled-bg: var(--nex-danger); --bs-btn-disabled-border-color: var(--nex-danger); } .btn-outline-danger { --bs-btn-color: var(--nex-danger); --bs-btn-border-color: var(--nex-danger); --bs-btn-hover-color: var(--nex-danger-contrast); --bs-btn-hover-bg: var(--nex-danger); --bs-btn-hover-border-color: var(--nex-danger); --bs-btn-focus-shadow-rgb: var(--nex-danger-rgb); --bs-btn-active-color: var(--nex-danger-contrast); --bs-btn-active-bg: var(--nex-danger-600); --bs-btn-active-border-color: var(--nex-danger-600); --bs-btn-disabled-color: var(--nex-danger); --bs-btn-disabled-bg: transparent; --bs-btn-disabled-border-color: var(--nex-danger); --bs-gradient: none; } .btn-aqua { --bs-btn-color: var(--nex-aqua-contrast); --bs-btn-bg: var(--nex-aqua); --bs-btn-border-color: var(--nex-aqua); --bs-btn-hover-color: var(--nex-aqua-contrast); --bs-btn-hover-bg: var(--nex-aqua-600); --bs-btn-hover-border-color: var(--nex-aqua-600); --bs-btn-focus-shadow-rgb: var(--nex-aqua-rgb); --bs-btn-active-color: var(--nex-aqua-contrast); --bs-btn-active-bg: var(--nex-aqua-700); --bs-btn-active-border-color: var(--nex-aqua-700); --bs-btn-disabled-color: var(--nex-aqua-contrast); --bs-btn-disabled-bg: var(--nex-aqua); --bs-btn-disabled-border-color: var(--nex-aqua); } .btn-outline-aqua { --bs-btn-color: var(--nex-aqua); --bs-btn-border-color: var(--nex-aqua); --bs-btn-hover-color: var(--nex-aqua-contrast); --bs-btn-hover-bg: var(--nex-aqua); --bs-btn-hover-border-color: var(--nex-aqua); --bs-btn-focus-shadow-rgb: var(--nex-aqua-rgb); --bs-btn-active-color: var(--nex-aqua-contrast); --bs-btn-active-bg: var(--nex-aqua-600); --bs-btn-active-border-color: var(--nex-aqua-600); --bs-btn-disabled-color: var(--nex-aqua); --bs-btn-disabled-bg: transparent; --bs-btn-disabled-border-color: var(--nex-aqua); --bs-gradient: none; } .btn-grey { --bs-btn-color: var(--nex-grey-contrast); --bs-btn-bg: var(--nex-grey); --bs-btn-border-color: var(--nex-grey); --bs-btn-hover-color: var(--nex-grey-contrast); --bs-btn-hover-bg: var(--nex-grey-600); --bs-btn-hover-border-color: var(--nex-grey-600); --bs-btn-focus-shadow-rgb: var(--nex-grey-rgb); --bs-btn-active-color: var(--nex-grey-contrast); --bs-btn-active-bg: var(--nex-grey-700); --bs-btn-active-border-color: var(--nex-grey-700); --bs-btn-disabled-color: var(--nex-grey-contrast); --bs-btn-disabled-bg: var(--nex-grey); --bs-btn-disabled-border-color: var(--nex-grey); } .btn-outline-grey { --bs-btn-color: var(--nex-grey); --bs-btn-border-color: var(--nex-grey); --bs-btn-hover-color: var(--nex-grey-contrast); --bs-btn-hover-bg: var(--nex-grey); --bs-btn-hover-border-color: var(--nex-grey); --bs-btn-focus-shadow-rgb: var(--nex-grey-rgb); --bs-btn-active-color: var(--nex-grey-contrast); --bs-btn-active-bg: var(--nex-grey-600); --bs-btn-active-border-color: var(--nex-grey-600); --bs-btn-disabled-color: var(--nex-grey); --bs-btn-disabled-bg: transparent; --bs-btn-disabled-border-color: var(--nex-grey); --bs-gradient: none; } .btn-dark { --bs-btn-color: var(--nex-dark-contrast); --bs-btn-bg: var(--nex-dark); --bs-btn-border-color: var(--nex-dark); --bs-btn-hover-color: var(--nex-dark-contrast); --bs-btn-hover-bg: var(--nex-dark-600); --bs-btn-hover-border-color: var(--nex-dark-600); --bs-btn-focus-shadow-rgb: var(--nex-dark-rgb); --bs-btn-active-color: var(--nex-dark-contrast); --bs-btn-active-bg: var(--nex-dark-700); --bs-btn-active-border-color: var(--nex-dark-700); --bs-btn-disabled-color: var(--nex-dark-contrast); --bs-btn-disabled-bg: var(--nex-dark); --bs-btn-disabled-border-color: var(--nex-dark); } .btn-outline-dark { --bs-btn-color: var(--nex-dark); --bs-btn-border-color: var(--nex-dark); --bs-btn-hover-color: var(--nex-dark-contrast); --bs-btn-hover-bg: var(--nex-dark); --bs-btn-hover-border-color: var(--nex-dark); --bs-btn-focus-shadow-rgb: var(--nex-dark-rgb); --bs-btn-active-color: var(--nex-dark-contrast); --bs-btn-active-bg: var(--nex-dark-600); --bs-btn-active-border-color: var(--nex-dark-600); --bs-btn-disabled-color: var(--nex-dark); --bs-btn-disabled-bg: transparent; --bs-btn-disabled-border-color: var(--nex-dark); --bs-gradient: none; } /* Opacités : bg-teal bg-opacity-30, text-danger-700 text-opacity-50... */ .bg-opacity-0 { --bs-bg-opacity: 0; } .text-opacity-0 { --bs-text-opacity: 0; } .border-opacity-0 { --bs-border-opacity: 0; } .bg-opacity-5 { --bs-bg-opacity: 0.05; } .text-opacity-5 { --bs-text-opacity: 0.05; } .border-opacity-5 { --bs-border-opacity: 0.05; } .bg-opacity-10 { --bs-bg-opacity: 0.1; } .text-opacity-10 { --bs-text-opacity: 0.1; } .border-opacity-10 { --bs-border-opacity: 0.1; } .bg-opacity-20 { --bs-bg-opacity: 0.2; } .text-opacity-20 { --bs-text-opacity: 0.2; } .border-opacity-20 { --bs-border-opacity: 0.2; } .bg-opacity-25 { --bs-bg-opacity: 0.25; } .text-opacity-25 { --bs-text-opacity: 0.25; } .border-opacity-25 { --bs-border-opacity: 0.25; } .bg-opacity-30 { --bs-bg-opacity: 0.3; } .text-opacity-30 { --bs-text-opacity: 0.3; } .border-opacity-30 { --bs-border-opacity: 0.3; } .bg-opacity-40 { --bs-bg-opacity: 0.4; } .text-opacity-40 { --bs-text-opacity: 0.4; } .border-opacity-40 { --bs-border-opacity: 0.4; } .bg-opacity-50 { --bs-bg-opacity: 0.5; } .text-opacity-50 { --bs-text-opacity: 0.5; } .border-opacity-50 { --bs-border-opacity: 0.5; } .bg-opacity-60 { --bs-bg-opacity: 0.6; } .text-opacity-60 { --bs-text-opacity: 0.6; } .border-opacity-60 { --bs-border-opacity: 0.6; } .bg-opacity-70 { --bs-bg-opacity: 0.7; } .text-opacity-70 { --bs-text-opacity: 0.7; } .border-opacity-70 { --bs-border-opacity: 0.7; } .bg-opacity-75 { --bs-bg-opacity: 0.75; } .text-opacity-75 { --bs-text-opacity: 0.75; } .border-opacity-75 { --bs-border-opacity: 0.75; } .bg-opacity-80 { --bs-bg-opacity: 0.8; } .text-opacity-80 { --bs-text-opacity: 0.8; } .border-opacity-80 { --bs-border-opacity: 0.8; } .bg-opacity-90 { --bs-bg-opacity: 0.9; } .text-opacity-90 { --bs-text-opacity: 0.9; } .border-opacity-90 { --bs-border-opacity: 0.9; } .bg-opacity-100 { --bs-bg-opacity: 1; } .text-opacity-100 { --bs-text-opacity: 1; } .border-opacity-100 { --bs-border-opacity: 1; } /* Composants Bootstrap à la couleur primaire du thème */ .form-control:focus, .form-select:focus { border-color: var(--nex-primary-300); box-shadow: 0 0 0 .25rem color-mix(in srgb, var(--nex-primary) 25%, transparent); } .form-check-input:focus { border-color: var(--nex-primary-300); box-shadow: 0 0 0 .25rem color-mix(in srgb, var(--nex-primary) 25%, transparent); } .form-check-input:checked, .form-check-input[type=checkbox]:indeterminate { background-color: var(--nex-primary); border-color: var(--nex-primary); } .form-range::-webkit-slider-thumb { background-color: var(--nex-primary); } .form-range::-moz-range-thumb { background-color: var(--nex-primary); } .form-range:focus::-webkit-slider-thumb, .form-range:focus::-moz-range-thumb { box-shadow: 0 0 0 1px var(--bs-body-bg), 0 0 0 .25rem color-mix(in srgb, var(--nex-primary) 25%, transparent); } .nav-pills { --bs-nav-pills-link-active-bg: var(--nex-primary); --bs-nav-pills-link-active-color: var(--nex-primary-contrast); } .nav { --bs-nav-link-color: var(--bs-link-color); --bs-nav-link-hover-color: var(--bs-link-hover-color); } .pagination { --bs-pagination-color: var(--bs-link-color); --bs-pagination-hover-color: var(--bs-link-hover-color); --bs-pagination-focus-color: var(--bs-link-hover-color); --bs-pagination-active-bg: var(--nex-primary); --bs-pagination-active-border-color: var(--nex-primary); --bs-pagination-active-color: var(--nex-primary-contrast); --bs-pagination-focus-box-shadow: 0 0 0 .25rem color-mix(in srgb, var(--nex-primary) 25%, transparent); } .dropdown-menu { --bs-dropdown-link-active-bg: var(--nex-primary); --bs-dropdown-link-active-color: var(--nex-primary-contrast); } .list-group { --bs-list-group-active-bg: var(--nex-primary); --bs-list-group-active-border-color: var(--nex-primary); --bs-list-group-active-color: var(--nex-primary-contrast); } .progress, .progress-stacked { --bs-progress-bar-bg: var(--nex-primary); } .btn-link { --bs-btn-color: var(--bs-link-color); --bs-btn-hover-color: var(--bs-link-hover-color); --bs-btn-active-color: var(--bs-link-hover-color); } .accordion { --bs-accordion-active-color: var(--bs-primary-text-emphasis); --bs-accordion-active-bg: var(--bs-primary-bg-subtle); --bs-accordion-btn-focus-box-shadow: 0 0 0 .25rem color-mix(in srgb, var(--nex-primary) 25%, transparent); } /* Mode dégradé : (préférence theme.degrade) */ :root { --nex-degrade: linear-gradient(to bottom, rgba(255, 255, 255, .2), rgba(0, 0, 0, .12)); --nex-degrade-doux: linear-gradient(to bottom, rgba(255, 255, 255, .1), rgba(0, 0, 0, .06)); } [data-bs-theme=dark] { --nex-degrade: linear-gradient(to bottom, rgba(0, 0, 0, .05), rgba(0, 0, 0, .35)); --nex-degrade-doux: linear-gradient(to bottom, rgba(0, 0, 0, .03), rgba(0, 0, 0, .2)); } [data-nex-degrade] :is(.bg-blue, .bg-indigo, .bg-purple, .bg-pink, .bg-red, .bg-orange, .bg-yellow, .bg-green, .bg-teal, .bg-lime, .bg-cyan, .bg-brown, .bg-gray, .bg-silver, .bg-muted, .bg-inverse, .bg-primary, .bg-secondary, .bg-success, .bg-info, .bg-warning, .bg-danger, .bg-aqua, .bg-grey, .bg-dark):not([class*="bg-opacity"]) { background-image: var(--nex-degrade); } [data-nex-degrade] :is(.text-bg-blue, .text-bg-indigo, .text-bg-purple, .text-bg-pink, .text-bg-red, .text-bg-orange, .text-bg-yellow, .text-bg-green, .text-bg-teal, .text-bg-lime, .text-bg-cyan, .text-bg-brown, .text-bg-gray, .text-bg-silver, .text-bg-muted, .text-bg-inverse, .text-bg-primary, .text-bg-secondary, .text-bg-success, .text-bg-info, .text-bg-warning, .text-bg-danger, .text-bg-aqua, .text-bg-grey, .text-bg-dark) { background-image: var(--nex-degrade); } [data-nex-degrade] .btn:is(.btn-blue, .btn-indigo, .btn-purple, .btn-pink, .btn-red, .btn-orange, .btn-yellow, .btn-green, .btn-teal, .btn-lime, .btn-cyan, .btn-brown, .btn-gray, .btn-silver, .btn-muted, .btn-inverse, .btn-primary, .btn-secondary, .btn-success, .btn-info, .btn-warning, .btn-danger, .btn-aqua, .btn-grey, .btn-dark) { background-image: var(--nex-degrade); } [data-nex-degrade] :is(.progress-bar, .active > .page-link, .page-link.active, .nav-pills .nav-link.active, .list-group-item.active) { background-image: var(--nex-degrade); } [data-nex-degrade] .nex-menu-link.active { background-image: var(--nex-degrade-doux); }