UNPKG

3.73 kBCSSView Raw
1/* stylelint-disable color-no-hex */
2
3:root {
4 --ring-unit: 8px;
5
6 /* Element */
7 --ring-line-color: #dfe5eb;
8 --ring-dark-line-color: #263b4c;
9 --ring-borders-color: #b8d1e5;
10 --ring-icon-color: var(--ring-borders-color);
11 --ring-icon-secondary-color: #999;
12 --ring-border-disabled-color: #dbdbdb;
13 --ring-icon-disabled-color: var(--ring-border-disabled-color);
14 --ring-border-hover-color: #80c6ff;
15 --ring-icon-hover-color: var(--ring-border-hover-color);
16 --ring-main-color: #008eff;
17 --ring-main-hover-color: #007ee5;
18 --ring-icon-error-color: #db5860;
19 --ring-icon-warning-color: #eda200;
20 --ring-icon-success-color: #59a869;
21 --ring-pale-control-color: #cfdbe5;
22 --ring-popup-border-components: 0, 42, 76;
23 --ring-popup-border-color: rgba(var(--ring-popup-border-components), 0.1);
24 --ring-popup-shadow-color: rgba(var(--ring-popup-border-components), 0.15);
25 --ring-message-shadow-color: rgba(var(--ring-popup-border-components), 0.3);
26
27 /* Text */
28 --ring-search-color: #669ecc;
29 --ring-hint-color: #406380;
30 --ring-link-color: #0f5b99;
31 --ring-link-hover-color: #ff008c;
32 --ring-error-color: #c22731;
33 --ring-warning-color: #cc8b00;
34 --ring-success-color: #1c8c32;
35 --ring-text-color: #1f2326;
36 --ring-dark-text-color: #fff;
37 --ring-heading-color: var(--ring-text-color);
38 --ring-secondary-color: #737577;
39 --ring-dark-secondary-color: #888;
40 --ring-disabled-color: #999;
41 --ring-dark-disabled-color: #444;
42 --ring-dark-active-color: #ccc;
43
44 /* Background */
45 --ring-content-background-color: #fff;
46 --ring-popup-background-color: #fff;
47 --ring-sidebar-background-color: #f7f9fa;
48 --ring-selected-background-color: #d4edff;
49 --ring-hover-background-color: #f2f9ff;
50 --ring-dark-selected-background-color: #002a4d;
51 --ring-message-background-color: #111314;
52 --ring-navigation-background-color: #000;
53 --ring-tag-background-color: #e6ecf2;
54
55 /* Code */
56 --ring-code-background-color: var(--ring-content-background-color);
57 --ring-code-color: #000;
58 --ring-code-comment-color: #808080;
59 --ring-code-meta-color: #808000;
60 --ring-code-keyword-color: #000080;
61 --ring-code-tag-background-color: #efefef;
62 --ring-code-tag-color: var(--ring-code-keyword-color);
63 --ring-code-tag-font-weight: bold;
64 --ring-code-field-color: #660e7a;
65 --ring-code-attribute-color: #00f;
66 --ring-code-number-color: var(--ring-code-attribute-color);
67 --ring-code-string-color: #008000;
68 --ring-code-addition-color: #aadeaa;
69 --ring-code-deletion-color: #c8c8c8;
70
71 /* Metrics */
72 --ring-border-radius: 3px;
73 --ring-border-radius-small: 2px;
74 --ring-font-size-larger: 14px;
75 --ring-font-size: 13px;
76 --ring-font-size-smaller: 12px;
77 --ring-line-height-taller: 21px;
78 --ring-line-height: 20px;
79 --ring-line-height-lower: 18px;
80 --ring-line-height-lowest: 16px;
81 --ring-ease: 0.3s ease-out;
82 --ring-fast-ease: 0.15s ease-out;
83
84 /* TODO: return raw value back if this issue fixed https://github.com/JLHwung/postcss-font-family-system-ui/issues/65 */
85 --ring-font-family: system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen, Ubuntu, Cantarell, Droid Sans, Helvetica Neue, Arial, sans-serif;
86 --ring-font-family-monospace: Menlo, "Bitstream Vera Sans Mono", "Ubuntu Mono", Consolas, "Courier New", Courier, monospace;
87
88 /* Common z-index-values */
89
90 /* Invisible element is an absolutely positioned element which should be below */
91 /* all other elements on the page */
92 --ring-invisible-element-z-index: -1;
93
94 /* z-index for position: fixed elements */
95 --ring-fixed-z-index: 1;
96
97 /* Elements that should overlay all other elements on the page */
98 --ring-overlay-z-index: 5;
99
100 /* Alerts should de displayed above overlays */
101 --ring-alert-z-index: 6;
102}