@dsrc-cm/core 0.1.1 → 0.2.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/README.md +57 -5
- package/dist/dsrc.css +549 -41
- package/dist/dsrc.min.css +1 -1
- package/package.json +1 -1
- package/src/utilities/utilities.css +240 -5
package/dist/dsrc.css
CHANGED
|
@@ -10,7 +10,7 @@
|
|
|
10
10
|
|
|
11
11
|
/**
|
|
12
12
|
* Do not edit directly
|
|
13
|
-
* Generated on
|
|
13
|
+
* Generated on Tue, 24 Feb 2026 01:28:12 GMT
|
|
14
14
|
*/
|
|
15
15
|
|
|
16
16
|
:root {
|
|
@@ -72,45 +72,156 @@
|
|
|
72
72
|
--dsrc-shadow-lg: 0 8px 24px rgba(0,0,0,0.12); /* Modals, popovers */
|
|
73
73
|
--dsrc-shadow-md: 0 2px 6px rgba(0,0,0,0.08); /* Cards, dropdowns */
|
|
74
74
|
--dsrc-shadow-sm: 0 1px 2px rgba(0,0,0,0.06); /* Inputs, boutons */
|
|
75
|
-
--dsrc-color-
|
|
76
|
-
--dsrc-color-
|
|
77
|
-
--dsrc-color-
|
|
78
|
-
--dsrc-color-
|
|
79
|
-
--dsrc-color-
|
|
80
|
-
--dsrc-color-
|
|
81
|
-
--dsrc-color-
|
|
82
|
-
--dsrc-color-
|
|
83
|
-
--dsrc-color-
|
|
84
|
-
--dsrc-color-
|
|
85
|
-
--dsrc-color-
|
|
86
|
-
--dsrc-color-
|
|
87
|
-
--dsrc-color-
|
|
88
|
-
--dsrc-color-
|
|
89
|
-
--dsrc-color-
|
|
90
|
-
--dsrc-color-
|
|
91
|
-
--dsrc-color-
|
|
92
|
-
--dsrc-color-
|
|
93
|
-
--dsrc-color-
|
|
94
|
-
--dsrc-color-
|
|
95
|
-
--dsrc-color-
|
|
96
|
-
--dsrc-color-
|
|
97
|
-
--dsrc-color-
|
|
98
|
-
--dsrc-color-
|
|
99
|
-
--dsrc-color-
|
|
100
|
-
--dsrc-color-
|
|
101
|
-
--dsrc-color-
|
|
102
|
-
--dsrc-color-
|
|
103
|
-
--dsrc-color-
|
|
104
|
-
--dsrc-color-
|
|
105
|
-
--dsrc-color-
|
|
106
|
-
--dsrc-color-
|
|
107
|
-
--dsrc-color-
|
|
108
|
-
--dsrc-color-
|
|
109
|
-
--dsrc-color-
|
|
75
|
+
--dsrc-color-error-border: #c53030; /* Error border */
|
|
76
|
+
--dsrc-color-success-border: #18753c; /* Success border */
|
|
77
|
+
--dsrc-color-focus: rgba(0, 122, 43, 0.18); /* Focus ring outline */
|
|
78
|
+
--dsrc-color-overlay: rgba(0, 0, 0, 0.5); /* Modal/sidebar overlay */
|
|
79
|
+
--dsrc-color-background: #fafafa; /* Page background */
|
|
80
|
+
--dsrc-color-black: #161616; /* Headings, body text */
|
|
81
|
+
--dsrc-color-white: #ffffff; /* Cards, surfaces */
|
|
82
|
+
--dsrc-color-orange-900: #7c2d12; /* Darkest orange */
|
|
83
|
+
--dsrc-color-orange-800: #9a3412; /* Darker orange */
|
|
84
|
+
--dsrc-color-orange-700: #c2410c; /* Very dark orange */
|
|
85
|
+
--dsrc-color-orange-600: #ea580c; /* Dark orange */
|
|
86
|
+
--dsrc-color-orange-500: #f97316; /* Standard orange */
|
|
87
|
+
--dsrc-color-orange-400: #fb923c; /* Medium orange */
|
|
88
|
+
--dsrc-color-orange-300: #fdba74; /* Medium-light orange */
|
|
89
|
+
--dsrc-color-orange-200: #fed7aa; /* Light orange */
|
|
90
|
+
--dsrc-color-orange-100: #ffedd5; /* Very light orange */
|
|
91
|
+
--dsrc-color-orange-50: #fff7ed; /* Lightest orange */
|
|
92
|
+
--dsrc-color-teal-900: #134e4a; /* Darkest teal */
|
|
93
|
+
--dsrc-color-teal-800: #115e59; /* Darker teal */
|
|
94
|
+
--dsrc-color-teal-700: #0f766e; /* Very dark teal */
|
|
95
|
+
--dsrc-color-teal-600: #0d9488; /* Dark teal */
|
|
96
|
+
--dsrc-color-teal-500: #14b8a6; /* Standard teal */
|
|
97
|
+
--dsrc-color-teal-400: #2dd4bf; /* Medium teal */
|
|
98
|
+
--dsrc-color-teal-300: #5eead4; /* Medium-light teal */
|
|
99
|
+
--dsrc-color-teal-200: #99f6e4; /* Light teal */
|
|
100
|
+
--dsrc-color-teal-100: #ccfbf1; /* Very light teal */
|
|
101
|
+
--dsrc-color-teal-50: #f0fdfa; /* Lightest teal */
|
|
102
|
+
--dsrc-color-purple-900: #3b0764; /* Darkest purple */
|
|
103
|
+
--dsrc-color-purple-800: #581c87; /* Darker purple */
|
|
104
|
+
--dsrc-color-purple-700: #6b21a8; /* Very dark purple */
|
|
105
|
+
--dsrc-color-purple-600: #7e22ce; /* Dark purple */
|
|
106
|
+
--dsrc-color-purple-500: #9333ea; /* Standard purple */
|
|
107
|
+
--dsrc-color-purple-400: #a855f7; /* Medium purple */
|
|
108
|
+
--dsrc-color-purple-300: #c084fc; /* Medium-light purple */
|
|
109
|
+
--dsrc-color-purple-200: #d8b4fe; /* Light purple */
|
|
110
|
+
--dsrc-color-purple-100: #e9d5ff; /* Very light purple */
|
|
111
|
+
--dsrc-color-purple-50: #f3e8ff; /* Lightest purple */
|
|
112
|
+
--dsrc-color-gray-900: #161616; /* Headings, body text */
|
|
113
|
+
--dsrc-color-gray-800: #2b2b2b; /* Very dark text */
|
|
114
|
+
--dsrc-color-gray-700: #3d3d3d; /* Dark text */
|
|
115
|
+
--dsrc-color-gray-600: #555555; /* Secondary text, labels */
|
|
116
|
+
--dsrc-color-gray-500: #929292; /* Disabled text */
|
|
117
|
+
--dsrc-color-gray-400: #909090; /* Muted text */
|
|
118
|
+
--dsrc-color-gray-300: #dddddd; /* Medium borders */
|
|
119
|
+
--dsrc-color-gray-200: #dedede; /* Borders, separators */
|
|
120
|
+
--dsrc-color-gray-100: #f0f0f0; /* Section backgrounds */
|
|
121
|
+
--dsrc-color-gray-50: #f7f7f7; /* Near-white */
|
|
122
|
+
--dsrc-color-blue-900: #172554; /* Darkest blue */
|
|
123
|
+
--dsrc-color-blue-800: #1e3a8a; /* Very dark blue */
|
|
124
|
+
--dsrc-color-blue-700: #1e40af; /* Info text */
|
|
125
|
+
--dsrc-color-blue-600: #1d4ed8; /* Dark blue */
|
|
126
|
+
--dsrc-color-blue-500: #2563eb; /* Standard blue */
|
|
127
|
+
--dsrc-color-blue-400: #60a5fa; /* Medium blue */
|
|
128
|
+
--dsrc-color-blue-300: #93c5fd; /* Medium-light blue */
|
|
129
|
+
--dsrc-color-blue-200: #bfdbfe; /* Light blue */
|
|
130
|
+
--dsrc-color-blue-100: #dbeafe; /* Very light blue */
|
|
131
|
+
--dsrc-color-blue-50: #eff6ff; /* Lightest blue */
|
|
132
|
+
--dsrc-color-yellow-900: #5c2a0e; /* Darkest amber */
|
|
133
|
+
--dsrc-color-yellow-800: #78350f; /* Warning text */
|
|
134
|
+
--dsrc-color-yellow-700: #92400e; /* Very dark amber */
|
|
135
|
+
--dsrc-color-yellow-600: #b45309; /* Dark amber */
|
|
136
|
+
--dsrc-color-yellow-500: #d97706; /* Standard amber */
|
|
137
|
+
--dsrc-color-yellow-400: #f0b414; /* Cameroon flag yellow */
|
|
138
|
+
--dsrc-color-yellow-300: #f0c844; /* Medium-light yellow */
|
|
139
|
+
--dsrc-color-yellow-200: #fce588; /* Light yellow */
|
|
140
|
+
--dsrc-color-yellow-100: #fff3c4; /* Very light yellow */
|
|
141
|
+
--dsrc-color-yellow-50: #fffbeb; /* Lightest yellow */
|
|
142
|
+
--dsrc-color-red-900: #4a0d0d; /* Darkest red */
|
|
143
|
+
--dsrc-color-red-800: #6b1414; /* Very dark red */
|
|
144
|
+
--dsrc-color-red-700: #861b1b; /* Dark red */
|
|
145
|
+
--dsrc-color-red-600: #9b1c1c; /* Error text */
|
|
146
|
+
--dsrc-color-red-500: #b80033; /* Standard red */
|
|
147
|
+
--dsrc-color-red-400: #ce003a; /* Cameroon flag red */
|
|
148
|
+
--dsrc-color-red-300: #e8566a; /* Medium-light red */
|
|
149
|
+
--dsrc-color-red-200: #f99ba5; /* Light red */
|
|
150
|
+
--dsrc-color-red-100: #ffd4d9; /* Very light red */
|
|
151
|
+
--dsrc-color-red-50: #fff0f0; /* Lightest red */
|
|
152
|
+
--dsrc-color-green-900: #00310f; /* Darkest green */
|
|
153
|
+
--dsrc-color-green-800: #004316; /* Very dark green */
|
|
154
|
+
--dsrc-color-green-700: #005a1e; /* Dark green */
|
|
155
|
+
--dsrc-color-green-600: #006223; /* Hover state */
|
|
156
|
+
--dsrc-color-green-500: #007a2b; /* Primary – Government green */
|
|
157
|
+
--dsrc-color-green-400: #009938; /* Cameroon flag green */
|
|
158
|
+
--dsrc-color-green-300: #4db56b; /* Medium-light green */
|
|
159
|
+
--dsrc-color-green-200: #8fcf9f; /* Light green */
|
|
160
|
+
--dsrc-color-green-100: #c6e7d0; /* Very light green */
|
|
161
|
+
--dsrc-color-green-50: #e8f5ed; /* Lightest green */
|
|
110
162
|
--dsrc-breakpoint-xl: 1248px; /* Grand ecran */
|
|
111
163
|
--dsrc-breakpoint-lg: 992px; /* Desktop */
|
|
112
164
|
--dsrc-breakpoint-md: 768px; /* Tablette */
|
|
113
165
|
--dsrc-breakpoint-sm: 576px; /* Mobile paysage */
|
|
166
|
+
--dsrc-color-purple-texte: var(--dsrc-color-purple-700); /* COMPAT */
|
|
167
|
+
--dsrc-color-purple-fond: var(--dsrc-color-purple-50); /* COMPAT */
|
|
168
|
+
--dsrc-color-erreur-bordure: var(--dsrc-color-error-border); /* COMPAT */
|
|
169
|
+
--dsrc-color-succes-bordure: var(--dsrc-color-success-border); /* COMPAT */
|
|
170
|
+
--dsrc-color-gris-800: var(--dsrc-color-gray-800); /* COMPAT */
|
|
171
|
+
--dsrc-color-gris-700: var(--dsrc-color-gray-700); /* COMPAT */
|
|
172
|
+
--dsrc-color-gris-600: var(--dsrc-color-gray-600); /* COMPAT */
|
|
173
|
+
--dsrc-color-gris-500: var(--dsrc-color-gray-500); /* COMPAT */
|
|
174
|
+
--dsrc-color-gris-400: var(--dsrc-color-gray-400); /* COMPAT */
|
|
175
|
+
--dsrc-color-gris-300: var(--dsrc-color-gray-300); /* COMPAT */
|
|
176
|
+
--dsrc-color-gris-200: var(--dsrc-color-gray-200); /* COMPAT */
|
|
177
|
+
--dsrc-color-gris-100: var(--dsrc-color-gray-100); /* COMPAT */
|
|
178
|
+
--dsrc-color-gris-50: var(--dsrc-color-gray-50); /* COMPAT */
|
|
179
|
+
--dsrc-color-fond: var(--dsrc-color-background); /* COMPAT */
|
|
180
|
+
--dsrc-color-blanc: var(--dsrc-color-white); /* COMPAT */
|
|
181
|
+
--dsrc-color-noir: var(--dsrc-color-black); /* COMPAT */
|
|
182
|
+
--dsrc-color-primaire-focus: var(--dsrc-color-focus); /* COMPAT */
|
|
183
|
+
--dsrc-color-info-border: var(--dsrc-color-blue-500); /* Info border */
|
|
184
|
+
--dsrc-color-info-text: var(--dsrc-color-blue-700); /* Info text */
|
|
185
|
+
--dsrc-color-info-bg: var(--dsrc-color-blue-50); /* Info background */
|
|
186
|
+
--dsrc-color-warning-border: var(--dsrc-color-yellow-500); /* Warning border */
|
|
187
|
+
--dsrc-color-warning-text: var(--dsrc-color-yellow-800); /* Warning text */
|
|
188
|
+
--dsrc-color-warning-bg: var(--dsrc-color-yellow-50); /* Warning background */
|
|
189
|
+
--dsrc-color-error-text: var(--dsrc-color-red-600); /* Error text */
|
|
190
|
+
--dsrc-color-error-bg: var(--dsrc-color-red-50); /* Error background */
|
|
191
|
+
--dsrc-color-success-text: var(--dsrc-color-green-700); /* Success text */
|
|
192
|
+
--dsrc-color-success-bg: var(--dsrc-color-green-50); /* Success background */
|
|
193
|
+
--dsrc-color-surface-alt: var(--dsrc-color-gray-100); /* Alternate surface (sections) */
|
|
194
|
+
--dsrc-color-surface: var(--dsrc-color-white); /* Card/surface background */
|
|
195
|
+
--dsrc-color-border-strong: var(--dsrc-color-gray-300); /* Stronger border */
|
|
196
|
+
--dsrc-color-border: var(--dsrc-color-gray-200); /* Default border color */
|
|
197
|
+
--dsrc-color-text-inverted: var(--dsrc-color-white); /* Text on dark backgrounds */
|
|
198
|
+
--dsrc-color-text-disabled: var(--dsrc-color-gray-500); /* Disabled text */
|
|
199
|
+
--dsrc-color-text-secondary: var(--dsrc-color-gray-600); /* Secondary/label text */
|
|
200
|
+
--dsrc-color-text: var(--dsrc-color-gray-900); /* Default text color */
|
|
201
|
+
--dsrc-color-primary-hover: var(--dsrc-color-green-600); /* Primary hover state */
|
|
202
|
+
--dsrc-color-primary-dark: var(--dsrc-color-green-700); /* Primary dark / hover */
|
|
203
|
+
--dsrc-color-primary-light: var(--dsrc-color-green-50); /* Primary light background */
|
|
204
|
+
--dsrc-color-primary: var(--dsrc-color-green-500); /* Primary action color */
|
|
205
|
+
--dsrc-color-flag-yellow: var(--dsrc-color-yellow-400); /* Cameroon flag yellow */
|
|
206
|
+
--dsrc-color-flag-red: var(--dsrc-color-red-400); /* Cameroon flag red */
|
|
207
|
+
--dsrc-color-flag-green: var(--dsrc-color-green-400); /* Cameroon flag green */
|
|
208
|
+
--dsrc-color-info-bordure: var(--dsrc-color-info-border); /* COMPAT */
|
|
209
|
+
--dsrc-color-info-texte: var(--dsrc-color-info-text); /* COMPAT */
|
|
210
|
+
--dsrc-color-info-fond: var(--dsrc-color-info-bg); /* COMPAT */
|
|
211
|
+
--dsrc-color-alerte-bordure: var(--dsrc-color-warning-border); /* COMPAT */
|
|
212
|
+
--dsrc-color-alerte-texte: var(--dsrc-color-warning-text); /* COMPAT */
|
|
213
|
+
--dsrc-color-alerte-fond: var(--dsrc-color-warning-bg); /* COMPAT */
|
|
214
|
+
--dsrc-color-erreur-texte: var(--dsrc-color-error-text); /* COMPAT */
|
|
215
|
+
--dsrc-color-erreur-fond: var(--dsrc-color-error-bg); /* COMPAT */
|
|
216
|
+
--dsrc-color-succes-texte: var(--dsrc-color-success-text); /* COMPAT */
|
|
217
|
+
--dsrc-color-succes-fond: var(--dsrc-color-success-bg); /* COMPAT */
|
|
218
|
+
--dsrc-color-drapeau-jaune: var(--dsrc-color-flag-yellow); /* COMPAT */
|
|
219
|
+
--dsrc-color-drapeau-rouge: var(--dsrc-color-flag-red); /* COMPAT */
|
|
220
|
+
--dsrc-color-drapeau-vert: var(--dsrc-color-flag-green); /* COMPAT */
|
|
221
|
+
--dsrc-color-primaire-hover: var(--dsrc-color-primary-hover); /* COMPAT */
|
|
222
|
+
--dsrc-color-primaire-clair: var(--dsrc-color-primary-light); /* COMPAT */
|
|
223
|
+
--dsrc-color-primaire-fonce: var(--dsrc-color-primary-dark); /* COMPAT */
|
|
224
|
+
--dsrc-color-primaire: var(--dsrc-color-primary); /* COMPAT: ancien nom francais */
|
|
114
225
|
}
|
|
115
226
|
|
|
116
227
|
/* Base reset */
|
|
@@ -10635,10 +10746,411 @@ button.dsrc-sidemenu__link[aria-expanded="true"]::after {
|
|
|
10635
10746
|
/* ==========================================================================
|
|
10636
10747
|
5. COLOR UTILITIES
|
|
10637
10748
|
Background and text color using design tokens.
|
|
10749
|
+
Convention: .dsrc-text-{name} for color, .dsrc-bg-{name} for background.
|
|
10638
10750
|
========================================================================== */
|
|
10639
10751
|
|
|
10640
10752
|
/* --------------------------------------------------------------------------
|
|
10641
|
-
5.1
|
|
10753
|
+
5.1 Semantic text colors
|
|
10754
|
+
-------------------------------------------------------------------------- */
|
|
10755
|
+
|
|
10756
|
+
.dsrc-text-primary { color: var(--dsrc-color-primary) !important; }
|
|
10757
|
+
|
|
10758
|
+
.dsrc-text-white { color: var(--dsrc-color-white) !important; }
|
|
10759
|
+
|
|
10760
|
+
.dsrc-text-black { color: var(--dsrc-color-black) !important; }
|
|
10761
|
+
|
|
10762
|
+
.dsrc-text-secondary { color: var(--dsrc-color-text-secondary) !important; }
|
|
10763
|
+
|
|
10764
|
+
.dsrc-text-disabled { color: var(--dsrc-color-text-disabled) !important; }
|
|
10765
|
+
|
|
10766
|
+
.dsrc-text-inverted { color: var(--dsrc-color-text-inverted) !important; }
|
|
10767
|
+
|
|
10768
|
+
.dsrc-text-success { color: var(--dsrc-color-success-text) !important; }
|
|
10769
|
+
|
|
10770
|
+
.dsrc-text-error { color: var(--dsrc-color-error-text) !important; }
|
|
10771
|
+
|
|
10772
|
+
.dsrc-text-warning { color: var(--dsrc-color-warning-text) !important; }
|
|
10773
|
+
|
|
10774
|
+
.dsrc-text-info { color: var(--dsrc-color-info-text) !important; }
|
|
10775
|
+
|
|
10776
|
+
/* --------------------------------------------------------------------------
|
|
10777
|
+
5.2 Semantic background colors
|
|
10778
|
+
-------------------------------------------------------------------------- */
|
|
10779
|
+
|
|
10780
|
+
.dsrc-bg-primary { background-color: var(--dsrc-color-primary) !important; }
|
|
10781
|
+
|
|
10782
|
+
.dsrc-bg-white { background-color: var(--dsrc-color-white) !important; }
|
|
10783
|
+
|
|
10784
|
+
.dsrc-bg-black { background-color: var(--dsrc-color-black) !important; }
|
|
10785
|
+
|
|
10786
|
+
.dsrc-bg-background { background-color: var(--dsrc-color-background) !important; }
|
|
10787
|
+
|
|
10788
|
+
.dsrc-bg-surface { background-color: var(--dsrc-color-surface) !important; }
|
|
10789
|
+
|
|
10790
|
+
.dsrc-bg-surface-alt { background-color: var(--dsrc-color-surface-alt) !important; }
|
|
10791
|
+
|
|
10792
|
+
.dsrc-bg-success { background-color: var(--dsrc-color-success-bg) !important; }
|
|
10793
|
+
|
|
10794
|
+
.dsrc-bg-error { background-color: var(--dsrc-color-error-bg) !important; }
|
|
10795
|
+
|
|
10796
|
+
.dsrc-bg-warning { background-color: var(--dsrc-color-warning-bg) !important; }
|
|
10797
|
+
|
|
10798
|
+
.dsrc-bg-info { background-color: var(--dsrc-color-info-bg) !important; }
|
|
10799
|
+
|
|
10800
|
+
/* --------------------------------------------------------------------------
|
|
10801
|
+
5.3 Green palette
|
|
10802
|
+
-------------------------------------------------------------------------- */
|
|
10803
|
+
|
|
10804
|
+
.dsrc-text-green-50 { color: var(--dsrc-color-green-50) !important; }
|
|
10805
|
+
|
|
10806
|
+
.dsrc-text-green-100 { color: var(--dsrc-color-green-100) !important; }
|
|
10807
|
+
|
|
10808
|
+
.dsrc-text-green-200 { color: var(--dsrc-color-green-200) !important; }
|
|
10809
|
+
|
|
10810
|
+
.dsrc-text-green-300 { color: var(--dsrc-color-green-300) !important; }
|
|
10811
|
+
|
|
10812
|
+
.dsrc-text-green-400 { color: var(--dsrc-color-green-400) !important; }
|
|
10813
|
+
|
|
10814
|
+
.dsrc-text-green-500 { color: var(--dsrc-color-green-500) !important; }
|
|
10815
|
+
|
|
10816
|
+
.dsrc-text-green-600 { color: var(--dsrc-color-green-600) !important; }
|
|
10817
|
+
|
|
10818
|
+
.dsrc-text-green-700 { color: var(--dsrc-color-green-700) !important; }
|
|
10819
|
+
|
|
10820
|
+
.dsrc-text-green-800 { color: var(--dsrc-color-green-800) !important; }
|
|
10821
|
+
|
|
10822
|
+
.dsrc-text-green-900 { color: var(--dsrc-color-green-900) !important; }
|
|
10823
|
+
|
|
10824
|
+
.dsrc-bg-green-50 { background-color: var(--dsrc-color-green-50) !important; }
|
|
10825
|
+
|
|
10826
|
+
.dsrc-bg-green-100 { background-color: var(--dsrc-color-green-100) !important; }
|
|
10827
|
+
|
|
10828
|
+
.dsrc-bg-green-200 { background-color: var(--dsrc-color-green-200) !important; }
|
|
10829
|
+
|
|
10830
|
+
.dsrc-bg-green-300 { background-color: var(--dsrc-color-green-300) !important; }
|
|
10831
|
+
|
|
10832
|
+
.dsrc-bg-green-400 { background-color: var(--dsrc-color-green-400) !important; }
|
|
10833
|
+
|
|
10834
|
+
.dsrc-bg-green-500 { background-color: var(--dsrc-color-green-500) !important; }
|
|
10835
|
+
|
|
10836
|
+
.dsrc-bg-green-600 { background-color: var(--dsrc-color-green-600) !important; }
|
|
10837
|
+
|
|
10838
|
+
.dsrc-bg-green-700 { background-color: var(--dsrc-color-green-700) !important; }
|
|
10839
|
+
|
|
10840
|
+
.dsrc-bg-green-800 { background-color: var(--dsrc-color-green-800) !important; }
|
|
10841
|
+
|
|
10842
|
+
.dsrc-bg-green-900 { background-color: var(--dsrc-color-green-900) !important; }
|
|
10843
|
+
|
|
10844
|
+
/* --------------------------------------------------------------------------
|
|
10845
|
+
5.4 Red palette
|
|
10846
|
+
-------------------------------------------------------------------------- */
|
|
10847
|
+
|
|
10848
|
+
.dsrc-text-red-50 { color: var(--dsrc-color-red-50) !important; }
|
|
10849
|
+
|
|
10850
|
+
.dsrc-text-red-100 { color: var(--dsrc-color-red-100) !important; }
|
|
10851
|
+
|
|
10852
|
+
.dsrc-text-red-200 { color: var(--dsrc-color-red-200) !important; }
|
|
10853
|
+
|
|
10854
|
+
.dsrc-text-red-300 { color: var(--dsrc-color-red-300) !important; }
|
|
10855
|
+
|
|
10856
|
+
.dsrc-text-red-400 { color: var(--dsrc-color-red-400) !important; }
|
|
10857
|
+
|
|
10858
|
+
.dsrc-text-red-500 { color: var(--dsrc-color-red-500) !important; }
|
|
10859
|
+
|
|
10860
|
+
.dsrc-text-red-600 { color: var(--dsrc-color-red-600) !important; }
|
|
10861
|
+
|
|
10862
|
+
.dsrc-text-red-700 { color: var(--dsrc-color-red-700) !important; }
|
|
10863
|
+
|
|
10864
|
+
.dsrc-text-red-800 { color: var(--dsrc-color-red-800) !important; }
|
|
10865
|
+
|
|
10866
|
+
.dsrc-text-red-900 { color: var(--dsrc-color-red-900) !important; }
|
|
10867
|
+
|
|
10868
|
+
.dsrc-bg-red-50 { background-color: var(--dsrc-color-red-50) !important; }
|
|
10869
|
+
|
|
10870
|
+
.dsrc-bg-red-100 { background-color: var(--dsrc-color-red-100) !important; }
|
|
10871
|
+
|
|
10872
|
+
.dsrc-bg-red-200 { background-color: var(--dsrc-color-red-200) !important; }
|
|
10873
|
+
|
|
10874
|
+
.dsrc-bg-red-300 { background-color: var(--dsrc-color-red-300) !important; }
|
|
10875
|
+
|
|
10876
|
+
.dsrc-bg-red-400 { background-color: var(--dsrc-color-red-400) !important; }
|
|
10877
|
+
|
|
10878
|
+
.dsrc-bg-red-500 { background-color: var(--dsrc-color-red-500) !important; }
|
|
10879
|
+
|
|
10880
|
+
.dsrc-bg-red-600 { background-color: var(--dsrc-color-red-600) !important; }
|
|
10881
|
+
|
|
10882
|
+
.dsrc-bg-red-700 { background-color: var(--dsrc-color-red-700) !important; }
|
|
10883
|
+
|
|
10884
|
+
.dsrc-bg-red-800 { background-color: var(--dsrc-color-red-800) !important; }
|
|
10885
|
+
|
|
10886
|
+
.dsrc-bg-red-900 { background-color: var(--dsrc-color-red-900) !important; }
|
|
10887
|
+
|
|
10888
|
+
/* --------------------------------------------------------------------------
|
|
10889
|
+
5.5 Yellow palette
|
|
10890
|
+
-------------------------------------------------------------------------- */
|
|
10891
|
+
|
|
10892
|
+
.dsrc-text-yellow-50 { color: var(--dsrc-color-yellow-50) !important; }
|
|
10893
|
+
|
|
10894
|
+
.dsrc-text-yellow-100 { color: var(--dsrc-color-yellow-100) !important; }
|
|
10895
|
+
|
|
10896
|
+
.dsrc-text-yellow-200 { color: var(--dsrc-color-yellow-200) !important; }
|
|
10897
|
+
|
|
10898
|
+
.dsrc-text-yellow-300 { color: var(--dsrc-color-yellow-300) !important; }
|
|
10899
|
+
|
|
10900
|
+
.dsrc-text-yellow-400 { color: var(--dsrc-color-yellow-400) !important; }
|
|
10901
|
+
|
|
10902
|
+
.dsrc-text-yellow-500 { color: var(--dsrc-color-yellow-500) !important; }
|
|
10903
|
+
|
|
10904
|
+
.dsrc-text-yellow-600 { color: var(--dsrc-color-yellow-600) !important; }
|
|
10905
|
+
|
|
10906
|
+
.dsrc-text-yellow-700 { color: var(--dsrc-color-yellow-700) !important; }
|
|
10907
|
+
|
|
10908
|
+
.dsrc-text-yellow-800 { color: var(--dsrc-color-yellow-800) !important; }
|
|
10909
|
+
|
|
10910
|
+
.dsrc-text-yellow-900 { color: var(--dsrc-color-yellow-900) !important; }
|
|
10911
|
+
|
|
10912
|
+
.dsrc-bg-yellow-50 { background-color: var(--dsrc-color-yellow-50) !important; }
|
|
10913
|
+
|
|
10914
|
+
.dsrc-bg-yellow-100 { background-color: var(--dsrc-color-yellow-100) !important; }
|
|
10915
|
+
|
|
10916
|
+
.dsrc-bg-yellow-200 { background-color: var(--dsrc-color-yellow-200) !important; }
|
|
10917
|
+
|
|
10918
|
+
.dsrc-bg-yellow-300 { background-color: var(--dsrc-color-yellow-300) !important; }
|
|
10919
|
+
|
|
10920
|
+
.dsrc-bg-yellow-400 { background-color: var(--dsrc-color-yellow-400) !important; }
|
|
10921
|
+
|
|
10922
|
+
.dsrc-bg-yellow-500 { background-color: var(--dsrc-color-yellow-500) !important; }
|
|
10923
|
+
|
|
10924
|
+
.dsrc-bg-yellow-600 { background-color: var(--dsrc-color-yellow-600) !important; }
|
|
10925
|
+
|
|
10926
|
+
.dsrc-bg-yellow-700 { background-color: var(--dsrc-color-yellow-700) !important; }
|
|
10927
|
+
|
|
10928
|
+
.dsrc-bg-yellow-800 { background-color: var(--dsrc-color-yellow-800) !important; }
|
|
10929
|
+
|
|
10930
|
+
.dsrc-bg-yellow-900 { background-color: var(--dsrc-color-yellow-900) !important; }
|
|
10931
|
+
|
|
10932
|
+
/* --------------------------------------------------------------------------
|
|
10933
|
+
5.6 Blue palette
|
|
10934
|
+
-------------------------------------------------------------------------- */
|
|
10935
|
+
|
|
10936
|
+
.dsrc-text-blue-50 { color: var(--dsrc-color-blue-50) !important; }
|
|
10937
|
+
|
|
10938
|
+
.dsrc-text-blue-100 { color: var(--dsrc-color-blue-100) !important; }
|
|
10939
|
+
|
|
10940
|
+
.dsrc-text-blue-200 { color: var(--dsrc-color-blue-200) !important; }
|
|
10941
|
+
|
|
10942
|
+
.dsrc-text-blue-300 { color: var(--dsrc-color-blue-300) !important; }
|
|
10943
|
+
|
|
10944
|
+
.dsrc-text-blue-400 { color: var(--dsrc-color-blue-400) !important; }
|
|
10945
|
+
|
|
10946
|
+
.dsrc-text-blue-500 { color: var(--dsrc-color-blue-500) !important; }
|
|
10947
|
+
|
|
10948
|
+
.dsrc-text-blue-600 { color: var(--dsrc-color-blue-600) !important; }
|
|
10949
|
+
|
|
10950
|
+
.dsrc-text-blue-700 { color: var(--dsrc-color-blue-700) !important; }
|
|
10951
|
+
|
|
10952
|
+
.dsrc-text-blue-800 { color: var(--dsrc-color-blue-800) !important; }
|
|
10953
|
+
|
|
10954
|
+
.dsrc-text-blue-900 { color: var(--dsrc-color-blue-900) !important; }
|
|
10955
|
+
|
|
10956
|
+
.dsrc-bg-blue-50 { background-color: var(--dsrc-color-blue-50) !important; }
|
|
10957
|
+
|
|
10958
|
+
.dsrc-bg-blue-100 { background-color: var(--dsrc-color-blue-100) !important; }
|
|
10959
|
+
|
|
10960
|
+
.dsrc-bg-blue-200 { background-color: var(--dsrc-color-blue-200) !important; }
|
|
10961
|
+
|
|
10962
|
+
.dsrc-bg-blue-300 { background-color: var(--dsrc-color-blue-300) !important; }
|
|
10963
|
+
|
|
10964
|
+
.dsrc-bg-blue-400 { background-color: var(--dsrc-color-blue-400) !important; }
|
|
10965
|
+
|
|
10966
|
+
.dsrc-bg-blue-500 { background-color: var(--dsrc-color-blue-500) !important; }
|
|
10967
|
+
|
|
10968
|
+
.dsrc-bg-blue-600 { background-color: var(--dsrc-color-blue-600) !important; }
|
|
10969
|
+
|
|
10970
|
+
.dsrc-bg-blue-700 { background-color: var(--dsrc-color-blue-700) !important; }
|
|
10971
|
+
|
|
10972
|
+
.dsrc-bg-blue-800 { background-color: var(--dsrc-color-blue-800) !important; }
|
|
10973
|
+
|
|
10974
|
+
.dsrc-bg-blue-900 { background-color: var(--dsrc-color-blue-900) !important; }
|
|
10975
|
+
|
|
10976
|
+
/* --------------------------------------------------------------------------
|
|
10977
|
+
5.7 Gray palette
|
|
10978
|
+
-------------------------------------------------------------------------- */
|
|
10979
|
+
|
|
10980
|
+
.dsrc-text-gray-50 { color: var(--dsrc-color-gray-50) !important; }
|
|
10981
|
+
|
|
10982
|
+
.dsrc-text-gray-100 { color: var(--dsrc-color-gray-100) !important; }
|
|
10983
|
+
|
|
10984
|
+
.dsrc-text-gray-200 { color: var(--dsrc-color-gray-200) !important; }
|
|
10985
|
+
|
|
10986
|
+
.dsrc-text-gray-300 { color: var(--dsrc-color-gray-300) !important; }
|
|
10987
|
+
|
|
10988
|
+
.dsrc-text-gray-400 { color: var(--dsrc-color-gray-400) !important; }
|
|
10989
|
+
|
|
10990
|
+
.dsrc-text-gray-500 { color: var(--dsrc-color-gray-500) !important; }
|
|
10991
|
+
|
|
10992
|
+
.dsrc-text-gray-600 { color: var(--dsrc-color-gray-600) !important; }
|
|
10993
|
+
|
|
10994
|
+
.dsrc-text-gray-700 { color: var(--dsrc-color-gray-700) !important; }
|
|
10995
|
+
|
|
10996
|
+
.dsrc-text-gray-800 { color: var(--dsrc-color-gray-800) !important; }
|
|
10997
|
+
|
|
10998
|
+
.dsrc-text-gray-900 { color: var(--dsrc-color-gray-900) !important; }
|
|
10999
|
+
|
|
11000
|
+
.dsrc-bg-gray-50 { background-color: var(--dsrc-color-gray-50) !important; }
|
|
11001
|
+
|
|
11002
|
+
.dsrc-bg-gray-100 { background-color: var(--dsrc-color-gray-100) !important; }
|
|
11003
|
+
|
|
11004
|
+
.dsrc-bg-gray-200 { background-color: var(--dsrc-color-gray-200) !important; }
|
|
11005
|
+
|
|
11006
|
+
.dsrc-bg-gray-300 { background-color: var(--dsrc-color-gray-300) !important; }
|
|
11007
|
+
|
|
11008
|
+
.dsrc-bg-gray-400 { background-color: var(--dsrc-color-gray-400) !important; }
|
|
11009
|
+
|
|
11010
|
+
.dsrc-bg-gray-500 { background-color: var(--dsrc-color-gray-500) !important; }
|
|
11011
|
+
|
|
11012
|
+
.dsrc-bg-gray-600 { background-color: var(--dsrc-color-gray-600) !important; }
|
|
11013
|
+
|
|
11014
|
+
.dsrc-bg-gray-700 { background-color: var(--dsrc-color-gray-700) !important; }
|
|
11015
|
+
|
|
11016
|
+
.dsrc-bg-gray-800 { background-color: var(--dsrc-color-gray-800) !important; }
|
|
11017
|
+
|
|
11018
|
+
.dsrc-bg-gray-900 { background-color: var(--dsrc-color-gray-900) !important; }
|
|
11019
|
+
|
|
11020
|
+
/* --------------------------------------------------------------------------
|
|
11021
|
+
5.8 Purple palette
|
|
11022
|
+
-------------------------------------------------------------------------- */
|
|
11023
|
+
|
|
11024
|
+
.dsrc-text-purple-50 { color: var(--dsrc-color-purple-50) !important; }
|
|
11025
|
+
|
|
11026
|
+
.dsrc-text-purple-100 { color: var(--dsrc-color-purple-100) !important; }
|
|
11027
|
+
|
|
11028
|
+
.dsrc-text-purple-200 { color: var(--dsrc-color-purple-200) !important; }
|
|
11029
|
+
|
|
11030
|
+
.dsrc-text-purple-300 { color: var(--dsrc-color-purple-300) !important; }
|
|
11031
|
+
|
|
11032
|
+
.dsrc-text-purple-400 { color: var(--dsrc-color-purple-400) !important; }
|
|
11033
|
+
|
|
11034
|
+
.dsrc-text-purple-500 { color: var(--dsrc-color-purple-500) !important; }
|
|
11035
|
+
|
|
11036
|
+
.dsrc-text-purple-600 { color: var(--dsrc-color-purple-600) !important; }
|
|
11037
|
+
|
|
11038
|
+
.dsrc-text-purple-700 { color: var(--dsrc-color-purple-700) !important; }
|
|
11039
|
+
|
|
11040
|
+
.dsrc-text-purple-800 { color: var(--dsrc-color-purple-800) !important; }
|
|
11041
|
+
|
|
11042
|
+
.dsrc-text-purple-900 { color: var(--dsrc-color-purple-900) !important; }
|
|
11043
|
+
|
|
11044
|
+
.dsrc-bg-purple-50 { background-color: var(--dsrc-color-purple-50) !important; }
|
|
11045
|
+
|
|
11046
|
+
.dsrc-bg-purple-100 { background-color: var(--dsrc-color-purple-100) !important; }
|
|
11047
|
+
|
|
11048
|
+
.dsrc-bg-purple-200 { background-color: var(--dsrc-color-purple-200) !important; }
|
|
11049
|
+
|
|
11050
|
+
.dsrc-bg-purple-300 { background-color: var(--dsrc-color-purple-300) !important; }
|
|
11051
|
+
|
|
11052
|
+
.dsrc-bg-purple-400 { background-color: var(--dsrc-color-purple-400) !important; }
|
|
11053
|
+
|
|
11054
|
+
.dsrc-bg-purple-500 { background-color: var(--dsrc-color-purple-500) !important; }
|
|
11055
|
+
|
|
11056
|
+
.dsrc-bg-purple-600 { background-color: var(--dsrc-color-purple-600) !important; }
|
|
11057
|
+
|
|
11058
|
+
.dsrc-bg-purple-700 { background-color: var(--dsrc-color-purple-700) !important; }
|
|
11059
|
+
|
|
11060
|
+
.dsrc-bg-purple-800 { background-color: var(--dsrc-color-purple-800) !important; }
|
|
11061
|
+
|
|
11062
|
+
.dsrc-bg-purple-900 { background-color: var(--dsrc-color-purple-900) !important; }
|
|
11063
|
+
|
|
11064
|
+
/* --------------------------------------------------------------------------
|
|
11065
|
+
5.9 Teal palette
|
|
11066
|
+
-------------------------------------------------------------------------- */
|
|
11067
|
+
|
|
11068
|
+
.dsrc-text-teal-50 { color: var(--dsrc-color-teal-50) !important; }
|
|
11069
|
+
|
|
11070
|
+
.dsrc-text-teal-100 { color: var(--dsrc-color-teal-100) !important; }
|
|
11071
|
+
|
|
11072
|
+
.dsrc-text-teal-200 { color: var(--dsrc-color-teal-200) !important; }
|
|
11073
|
+
|
|
11074
|
+
.dsrc-text-teal-300 { color: var(--dsrc-color-teal-300) !important; }
|
|
11075
|
+
|
|
11076
|
+
.dsrc-text-teal-400 { color: var(--dsrc-color-teal-400) !important; }
|
|
11077
|
+
|
|
11078
|
+
.dsrc-text-teal-500 { color: var(--dsrc-color-teal-500) !important; }
|
|
11079
|
+
|
|
11080
|
+
.dsrc-text-teal-600 { color: var(--dsrc-color-teal-600) !important; }
|
|
11081
|
+
|
|
11082
|
+
.dsrc-text-teal-700 { color: var(--dsrc-color-teal-700) !important; }
|
|
11083
|
+
|
|
11084
|
+
.dsrc-text-teal-800 { color: var(--dsrc-color-teal-800) !important; }
|
|
11085
|
+
|
|
11086
|
+
.dsrc-text-teal-900 { color: var(--dsrc-color-teal-900) !important; }
|
|
11087
|
+
|
|
11088
|
+
.dsrc-bg-teal-50 { background-color: var(--dsrc-color-teal-50) !important; }
|
|
11089
|
+
|
|
11090
|
+
.dsrc-bg-teal-100 { background-color: var(--dsrc-color-teal-100) !important; }
|
|
11091
|
+
|
|
11092
|
+
.dsrc-bg-teal-200 { background-color: var(--dsrc-color-teal-200) !important; }
|
|
11093
|
+
|
|
11094
|
+
.dsrc-bg-teal-300 { background-color: var(--dsrc-color-teal-300) !important; }
|
|
11095
|
+
|
|
11096
|
+
.dsrc-bg-teal-400 { background-color: var(--dsrc-color-teal-400) !important; }
|
|
11097
|
+
|
|
11098
|
+
.dsrc-bg-teal-500 { background-color: var(--dsrc-color-teal-500) !important; }
|
|
11099
|
+
|
|
11100
|
+
.dsrc-bg-teal-600 { background-color: var(--dsrc-color-teal-600) !important; }
|
|
11101
|
+
|
|
11102
|
+
.dsrc-bg-teal-700 { background-color: var(--dsrc-color-teal-700) !important; }
|
|
11103
|
+
|
|
11104
|
+
.dsrc-bg-teal-800 { background-color: var(--dsrc-color-teal-800) !important; }
|
|
11105
|
+
|
|
11106
|
+
.dsrc-bg-teal-900 { background-color: var(--dsrc-color-teal-900) !important; }
|
|
11107
|
+
|
|
11108
|
+
/* --------------------------------------------------------------------------
|
|
11109
|
+
5.10 Orange palette
|
|
11110
|
+
-------------------------------------------------------------------------- */
|
|
11111
|
+
|
|
11112
|
+
.dsrc-text-orange-50 { color: var(--dsrc-color-orange-50) !important; }
|
|
11113
|
+
|
|
11114
|
+
.dsrc-text-orange-100 { color: var(--dsrc-color-orange-100) !important; }
|
|
11115
|
+
|
|
11116
|
+
.dsrc-text-orange-200 { color: var(--dsrc-color-orange-200) !important; }
|
|
11117
|
+
|
|
11118
|
+
.dsrc-text-orange-300 { color: var(--dsrc-color-orange-300) !important; }
|
|
11119
|
+
|
|
11120
|
+
.dsrc-text-orange-400 { color: var(--dsrc-color-orange-400) !important; }
|
|
11121
|
+
|
|
11122
|
+
.dsrc-text-orange-500 { color: var(--dsrc-color-orange-500) !important; }
|
|
11123
|
+
|
|
11124
|
+
.dsrc-text-orange-600 { color: var(--dsrc-color-orange-600) !important; }
|
|
11125
|
+
|
|
11126
|
+
.dsrc-text-orange-700 { color: var(--dsrc-color-orange-700) !important; }
|
|
11127
|
+
|
|
11128
|
+
.dsrc-text-orange-800 { color: var(--dsrc-color-orange-800) !important; }
|
|
11129
|
+
|
|
11130
|
+
.dsrc-text-orange-900 { color: var(--dsrc-color-orange-900) !important; }
|
|
11131
|
+
|
|
11132
|
+
.dsrc-bg-orange-50 { background-color: var(--dsrc-color-orange-50) !important; }
|
|
11133
|
+
|
|
11134
|
+
.dsrc-bg-orange-100 { background-color: var(--dsrc-color-orange-100) !important; }
|
|
11135
|
+
|
|
11136
|
+
.dsrc-bg-orange-200 { background-color: var(--dsrc-color-orange-200) !important; }
|
|
11137
|
+
|
|
11138
|
+
.dsrc-bg-orange-300 { background-color: var(--dsrc-color-orange-300) !important; }
|
|
11139
|
+
|
|
11140
|
+
.dsrc-bg-orange-400 { background-color: var(--dsrc-color-orange-400) !important; }
|
|
11141
|
+
|
|
11142
|
+
.dsrc-bg-orange-500 { background-color: var(--dsrc-color-orange-500) !important; }
|
|
11143
|
+
|
|
11144
|
+
.dsrc-bg-orange-600 { background-color: var(--dsrc-color-orange-600) !important; }
|
|
11145
|
+
|
|
11146
|
+
.dsrc-bg-orange-700 { background-color: var(--dsrc-color-orange-700) !important; }
|
|
11147
|
+
|
|
11148
|
+
.dsrc-bg-orange-800 { background-color: var(--dsrc-color-orange-800) !important; }
|
|
11149
|
+
|
|
11150
|
+
.dsrc-bg-orange-900 { background-color: var(--dsrc-color-orange-900) !important; }
|
|
11151
|
+
|
|
11152
|
+
/* --------------------------------------------------------------------------
|
|
11153
|
+
5.11 Legacy French aliases (backward compatibility)
|
|
10642
11154
|
-------------------------------------------------------------------------- */
|
|
10643
11155
|
|
|
10644
11156
|
.dsrc-bg-primaire { background-color: var(--dsrc-color-primaire) !important; }
|
|
@@ -10649,10 +11161,6 @@ button.dsrc-sidemenu__link[aria-expanded="true"]::after {
|
|
|
10649
11161
|
|
|
10650
11162
|
.dsrc-bg-gris-100 { background-color: var(--dsrc-color-gris-100) !important; }
|
|
10651
11163
|
|
|
10652
|
-
/* --------------------------------------------------------------------------
|
|
10653
|
-
5.2 Text color
|
|
10654
|
-
-------------------------------------------------------------------------- */
|
|
10655
|
-
|
|
10656
11164
|
.dsrc-text-primaire { color: var(--dsrc-color-primaire) !important; }
|
|
10657
11165
|
|
|
10658
11166
|
.dsrc-text-noir { color: var(--dsrc-color-noir) !important; }
|