@equinor/cpl-theme-react 0.0.8 → 0.0.9
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 +31 -3
- 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,8 @@
|
|
|
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
|
+
|
|
129
135
|
/**
|
|
130
136
|
* Note: colors have been programatically converted from light mode
|
|
131
137
|
Need to verify colors
|
|
@@ -169,7 +175,7 @@
|
|
|
169
175
|
--eds_logo__fill_positive: rgba(20, 255, 200, 1);
|
|
170
176
|
--eds_logo__fill_negative: rgba(0, 0, 0, 1);
|
|
171
177
|
|
|
172
|
-
--eds_interactive_primary__selected_highlight: rgba(
|
|
178
|
+
--eds_interactive_primary__selected_highlight: rgba(48, 92, 117, 1);
|
|
173
179
|
--eds_interactive_primary__selected_hover: rgba(60, 12, 45, 1);
|
|
174
180
|
--eds_interactive_danger__highlight: rgba(0, 62, 62, 1);
|
|
175
181
|
--eds_interactive_danger__resting: rgba(20, 255, 255, 1);
|
|
@@ -204,7 +210,12 @@
|
|
|
204
210
|
* CUSTOM VARIABLES
|
|
205
211
|
Have not been able to find a match for these
|
|
206
212
|
**/
|
|
207
|
-
--ui-background-temporary-nav: rgb(62, 79, 92);
|
|
213
|
+
--cpl-ui-background-temporary-nav: rgb(62, 79, 92);
|
|
214
|
+
--cpl-eds-color-text-static: rgba(166, 175, 181, 1);
|
|
215
|
+
--cpl-divider-color: rgba(255, 255, 255, 0.16);
|
|
216
|
+
--cpl-sidebar-border-color: transparent;
|
|
217
|
+
--cpl-sidebar-hover-color: var(--eds_interactive_primary__selected_highlight);
|
|
218
|
+
--cpl-background-color-env-metabar: rgb(251, 244, 180);
|
|
208
219
|
|
|
209
220
|
/* Chart colors (1-22) */
|
|
210
221
|
--chart-color-1: #2caffe;
|
|
@@ -231,11 +242,28 @@
|
|
|
231
242
|
--chart-color-22: #544fc5;
|
|
232
243
|
}
|
|
233
244
|
|
|
245
|
+
*,
|
|
246
|
+
*::before,
|
|
247
|
+
*::after {
|
|
248
|
+
box-sizing: border-box;
|
|
249
|
+
}
|
|
250
|
+
|
|
234
251
|
body {
|
|
235
252
|
background-color: var(--eds_ui_background__default);
|
|
236
253
|
color: var(--eds_text__static_icons__default);
|
|
237
254
|
|
|
255
|
+
|
|
256
|
+
|
|
257
|
+
scrollbar-color: var(--cpl-eds-color-text-static) var(--eds_ui_background__default);
|
|
258
|
+
|
|
238
259
|
a {
|
|
239
260
|
color: var(--eds_text__static_icons__default);
|
|
261
|
+
|
|
262
|
+
&:focus-visible {
|
|
263
|
+
outline: 2px dashed var(--eds_interactive__focus);
|
|
264
|
+
outline-offset: 2px;
|
|
265
|
+
}
|
|
240
266
|
}
|
|
267
|
+
|
|
268
|
+
|
|
241
269
|
}
|