UNPKG

@enact/sandstone

Version:

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

enactjs.com

enactjs/sandstone

50 lines (40 loc) • 2.69 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
50
// colors-light.less (light skin) // // --------------------------------------- // Universal Color Definitions // --------------------------------------- // UI Conceptual Colors // --------------------------------------- // common colors @sand-bg-color: var(--sand-bg-color, #cacbcc); @sand-text-color-rgb: var(--sand-text-color-rgb, 46, 50, 57); // #2e3239 @sand-text-color: rgb(@sand-text-color-rgb); @sand-text-sub-color: var(--sand-text-sub-color, #2e3239); @sand-focus-text-color: var(--sand-focus-text-color, #575e66); @sand-disabled-selected-color: var(--sand-disabled-selected-color, #ffffff); @sand-disabled-selected-bg-color: var(--sand-disabled-selected-bg-color, #788688); @sand-disabled-selected-focus-color: var(--sand-disabled-selected-focus-color, #e6e6e6); @sand-disabled-selected-focus-bg-color: var(--sand-disabled-selected-focus-bg-color, #4c5059); @sand-overlay-bg-color-rgb: var(--sand-alert-overlay-bg-color-rgb, 187, 187, 187); // #bbbbbb @sand-progress-color-rgb: var(--sand-progress-color-rgb, 55, 58, 65); // #373a41 @sand-progress-bg-color-rgb: var(--sand-progress-bg-color-rgb, 161, 161, 161); // #a1a1a1 @sand-progress-bg-color-alpha: var(--sand-progress-bg-color-alpha, 40%); @sand-progress-highlighted-color: var(--sand-progress-highlighted-color, #000000); // component colors @sand-checkbox-color: var(--sand-checkbox-color, #858b92); @sand-item-disabled-focus-bg-color: var(--sand-item-disabled-focus-bg-color, #989ca2); @sand-keyguide-bg-color-rgb: var(--sand-keyguide-bg-color-rgb, @sand-overlay-bg-color-rgb); // Overlay Alert // -------------------------------------- // common colors @sand-alert-overlay-bg-color-rgb: var(--sand-alert-overlay-bg-color-rgb, 0, 0, 0); // #000000 @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);