@equinor/cpl-theme-react 0.0.8 → 0.0.10
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/dist/index.css +36 -6
- package/package.json +1 -1
package/dist/index.css
CHANGED
|
@@ -78,7 +78,11 @@
|
|
|
78
78
|
--eds_interactive__pressed_overlay_light: rgba(255, 255, 255, 0.2);
|
|
79
79
|
|
|
80
80
|
/** Custom variables - not part of EDS */
|
|
81
|
-
--ui-background-temporary-nav: #fff;
|
|
81
|
+
--cpl-ui-background-temporary-nav: #fff;
|
|
82
|
+
--cpl-divider-color: var(--eds_ui_background__medium);
|
|
83
|
+
--cpl-sidebar-border-color: var(--eds_ui_background__medium);
|
|
84
|
+
--cpl-sidebar-hover-color: var(--eds_ui_background__medium);
|
|
85
|
+
--cpl-background-color-env-metabar: rgb(251, 244, 180);
|
|
82
86
|
|
|
83
87
|
/* Chart colors (1-22) */
|
|
84
88
|
--chart-color-1: #00a3be;
|
|
@@ -126,6 +130,12 @@
|
|
|
126
130
|
--eds_interactive_secondary__resting: rgba(222, 229, 231, 1);
|
|
127
131
|
--eds_interactive_secondary__link_hover: rgba(255, 255, 255, 1);
|
|
128
132
|
|
|
133
|
+
--eds_paragraph__meta_color: rgb(216, 125, 125);
|
|
134
|
+
|
|
135
|
+
--eds_interactive_danger__resting: rgba(235, 0, 0, 1);
|
|
136
|
+
--eds_interactive_danger__hover: rgba(255, 148, 155, 1);
|
|
137
|
+
--eds_interactive_danger__text: rgba(255, 102, 112, 1);
|
|
138
|
+
|
|
129
139
|
/**
|
|
130
140
|
* Note: colors have been programatically converted from light mode
|
|
131
141
|
Need to verify colors
|
|
@@ -169,12 +179,10 @@
|
|
|
169
179
|
--eds_logo__fill_positive: rgba(20, 255, 200, 1);
|
|
170
180
|
--eds_logo__fill_negative: rgba(0, 0, 0, 1);
|
|
171
181
|
|
|
172
|
-
--eds_interactive_primary__selected_highlight: rgba(
|
|
182
|
+
--eds_interactive_primary__selected_highlight: rgba(48, 92, 117, 1);
|
|
173
183
|
--eds_interactive_primary__selected_hover: rgba(60, 12, 45, 1);
|
|
174
184
|
--eds_interactive_danger__highlight: rgba(0, 62, 62, 1);
|
|
175
|
-
|
|
176
|
-
--eds_interactive_danger__hover: rgba(76, 242, 208, 1);
|
|
177
|
-
--eds_interactive_danger__text: rgba(255, 102, 112, 1); /* updated*/
|
|
185
|
+
|
|
178
186
|
--eds_interactive_warning__highlight: rgba(0, 24, 41, 1);
|
|
179
187
|
--eds_interactive_warning__resting: rgba(0, 109, 255, 1);
|
|
180
188
|
--eds_interactive_warning__hover: rgba(82, 157, 255, 1);
|
|
@@ -204,7 +212,12 @@
|
|
|
204
212
|
* CUSTOM VARIABLES
|
|
205
213
|
Have not been able to find a match for these
|
|
206
214
|
**/
|
|
207
|
-
--ui-background-temporary-nav: rgb(62, 79, 92);
|
|
215
|
+
--cpl-ui-background-temporary-nav: rgb(62, 79, 92);
|
|
216
|
+
--cpl-eds-color-text-static: rgba(166, 175, 181, 1);
|
|
217
|
+
--cpl-divider-color: rgba(255, 255, 255, 0.16);
|
|
218
|
+
--cpl-sidebar-border-color: transparent;
|
|
219
|
+
--cpl-sidebar-hover-color: var(--eds_interactive_primary__selected_highlight);
|
|
220
|
+
--cpl-background-color-env-metabar: rgb(251, 244, 180);
|
|
208
221
|
|
|
209
222
|
/* Chart colors (1-22) */
|
|
210
223
|
--chart-color-1: #2caffe;
|
|
@@ -231,11 +244,28 @@
|
|
|
231
244
|
--chart-color-22: #544fc5;
|
|
232
245
|
}
|
|
233
246
|
|
|
247
|
+
*,
|
|
248
|
+
*::before,
|
|
249
|
+
*::after {
|
|
250
|
+
box-sizing: border-box;
|
|
251
|
+
}
|
|
252
|
+
|
|
234
253
|
body {
|
|
235
254
|
background-color: var(--eds_ui_background__default);
|
|
236
255
|
color: var(--eds_text__static_icons__default);
|
|
237
256
|
|
|
257
|
+
|
|
258
|
+
|
|
259
|
+
scrollbar-color: var(--cpl-eds-color-text-static) var(--eds_ui_background__default);
|
|
260
|
+
|
|
238
261
|
a {
|
|
239
262
|
color: var(--eds_text__static_icons__default);
|
|
263
|
+
|
|
264
|
+
&:focus-visible {
|
|
265
|
+
outline: 2px dashed var(--eds_interactive__focus);
|
|
266
|
+
outline-offset: 2px;
|
|
267
|
+
}
|
|
240
268
|
}
|
|
269
|
+
|
|
270
|
+
|
|
241
271
|
}
|