UNPKG

@enact/sandstone

Version:

Large-screen/TV support library for Enact, containing a variety of UI components.

enactjs.com

enactjs/sandstone

49 lines (38 loc) • 2.23 kB
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
// colors-highcontast.less (neutral skin + high-contrast variant) // // --------------------------------------- // Universal Color Definitions // --------------------------------------- // UI Conceptual Colors // --------------------------------------- @sand-overlay-bg-color-rgb: var(--sand-overlay-bg-color-rgb, 0, 0, 0); @sand-overlay-outline-color: var(--sand-overlay-outline-color, #7c848b); @sand-overlay-outline-style: var(--sand-overlay-outline-style, solid); // Overlay Alert // --------------------------------------- // common colors @sand-alert-overlay-bg-color-rgb: var(--sand-alert-overlay-bg-color-rgb, 0, 0, 0); @sand-alert-overlay-bg-color-opacity: 100%; @sand-alert-overlay-text-color-rgb: var(--sand-alert-overlay-text-color-rgb, 230, 230, 230); // #e6e6e6 @sand-alert-overlay-text-sub-color: var(--sand-alert-overlay-text-sub-color, #abaeb3); @sand-alert-overlay-focus-text-color: var(--sand-alert-overlay-focus-text-color, #ffffff); // component colors @sand-alert-overlay-progress-color-rgb: var(--sand-alert-overlay-progress-color-rgb, 230, 230, 230); // #e6e6e6 @sand-alert-overlay-progress-bg-color-rgb: var(--sand-alert-overlay-progress-bg-color-rgb, 55, 58, 65); // #373a41 @sand-alert-overlay-progress-bg-color-alpha: var(--sand-alert-overlay-progress-bg-color-alpha, 100%); @sand-alert-overlay-checkbox-color: var(--sand-alert-overlay-checkbox-color, #e6e6e6); @sand-alert-overlay-checkbox-disabled-selected-text-color: var(--sand-alert-overlay-checkbox-disabled-selected-text-color, #4c5059); @sand-alert-overlay-item-disabled-focus-bg-color: var(--sand-alert-overlay-item-disabled-focus-bg-color, #e6e6e6); // --------------------------------------- // Component Colors // --------------------------------------- // Input // --------------------------------------- @sand-input-fullscreen-background-color: rgb(@sand-overlay-bg-color-rgb); // different from neutral // KeyGuide // --------------------------------------- @sand-keyguide-bg-color: rgb(@sand-keyguide-bg-color-rgb); // no alpha // Popup // --------------------------------------- @sand-popup-bg-color: rgb(@sand-overlay-bg-color-rgb); // no alpha @sand-popup-scrimtransparent-bg-color: rgb(@sand-overlay-bg-color-rgb); // no alpha