/
variables.scss
129 lines (113 loc) · 3.06 KB
/
variables.scss
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
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
// NOTE: All the colors in this file are also stored in packages/frontend-shared/.windicss/colors.ts, for use in windi. If you change any here, please also change them there.
$gray-50: #f3f4fa;
$gray-100: #e1e3ed;
$gray-200: #d0d2e0;
$gray-300: #bfc2d4;
$gray-400: #afb3c7;
$gray-500: #9095ad;
$gray-600: #747994;
$gray-700: #5a5f7a;
$gray-800: #434861;
$gray-900: #2e3247;
$gray-1000: #1b1e2e;
$red-50: #fbeff1;
$red-100: #fad9df;
$red-200: #f8c4cd;
$red-300: #f59aa9;
$red-400: #e45770;
$red-500: #c62b49;
$red-600: #9f1331;
$red-700: #7a0723;
$red-800: #5e021b;
$red-900: #4f0018;
$red-1000: #490018;
$orange-50: #f5f4d7;
$orange-100: #f3ecb3;
$orange-200: #f1e08f;
$orange-300: #edbb4a;
$orange-400: #db7903;
$orange-500: #bd5800;
$orange-600: #963f00;
$orange-700: #702c00;
$orange-800: #521f00;
$orange-900: #411800;
$orange-1000: #391500;
$jade-50: #e4fbf2;
$jade-100: #c2f1de;
$jade-200: #a3e7cb;
$jade-300: #69d3a7;
$jade-400: #1fa971;
$jade-500: #00814d;
$jade-600: #005f39;
$jade-700: #00442a;
$jade-800: #003220;
$jade-900: #00291b;
$jade-1000: #00261a;
$indigo-50: #f0f1ff;
$indigo-100: #daddfe;
$indigo-200: #c5c9fd;
$indigo-300: #9aa2fc;
$indigo-400: #6470f3;
$indigo-500: #4956e3;
$indigo-600: #3a46cc;
$indigo-700: #2f3ab0;
$indigo-800: #252e8f;
$indigo-900: #1c236d;
$indigo-1000: #151a50;
$purple-50: #f5f0fb;
$purple-100: #e9ddfa;
$purple-200: #decbf8;
$purple-300: #c8a7f5;
$purple-400: #a06ce4;
$purple-500: #7f43c9;
$purple-600: #632aa6;
$purple-700: #4b1a83;
$purple-800: #3b1268;
$purple-900: #320e58;
$purple-1000: #2f0c52;
$teal-50: #e0f6fa;
$teal-100: #b7e7f0;
$teal-200: #90d9e6;
$teal-300: #4bbfd2;
$teal-400: #0097a8;
$teal-500: #007780;
$teal-600: #00595d;
$teal-700: #004143;
$teal-800: #003131;
$teal-900: #002828;
$teal-1000: #002525;
$fuchsia-50: #faeffb;
$fuchsia-100: #f7daf9;
$fuchsia-200: #f3c6f8;
$fuchsia-300: #ed9ff4;
$fuchsia-400: #d65fe3;
$fuchsia-500: #b735c7;
$fuchsia-600: #901ca2;
$fuchsia-700: #6c0f7e;
$fuchsia-800: #510862;
$fuchsia-900: #400651;
$fuchsia-1000: #39054a;
$black: black;
$white: white;
$pass: $jade-400;
$fail: $red-400;
$pending: $indigo-400;
$pinned: $purple-400;
$retried: $orange-400;
$link-text: $indigo-600;
$err-background: #2C2036;
$err-border: 2px solid $red-300;
$err-code-background: rgba($red-400, 0.18);
$err-code-text: $red-300;
$err-header-background: #3A243B;
$err-header-text: $red-300;
$err-text: $red-400;
$reporter-section-background: #171926; // not a brand color
$warn-border: 2px solid $orange-300;
$warn-text: $orange-300;
$header-height: 64px;
$reporter-contents-min-width: 170px;
$font-sans: 'Fira Mono', 'Helvetica Neue', 'Arial', sans-serif;
$open-sans: 'Open Sans', 'Helvetica Neue', Helvetica, Arial, sans-serif;
$monospace: ui-monospace, Menlo, Monaco, "Cascadia Mono", "Segoe UI Mono", "Roboto Mono", "Oxygen Mono", "Ubuntu Monospace", "Source Code Pro", "Fira Mono", "Droid Sans Mono", "Courier New", monospace;
$font-system: ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,"Noto Sans",sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";