-
Notifications
You must be signed in to change notification settings - Fork 1
/
base.scss
95 lines (77 loc) · 2.95 KB
/
base.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
/* Common global CSS properties */
@use "../fonts/index";
@import "light";
:root {
/* colors */
--rp-ui-base-bg-000: #ffffff;
--rp-ui-base-bg-100: #f7f7f8;
--rp-ui-base-bg-200: #eceff4;
--rp-ui-base-error: #dc5959;
--rp-ui-base-error-hover: #f24a4a;
--rp-ui-base-error-pressed: #c54141;
--rp-ui-base-error-focused: #00b0d1;
--rp-ui-base-topaz: #00829b;
--rp-ui-base-topaz-hover: #009dbb;
--rp-ui-base-topaz-focused: #00b0d1;
--rp-ui-base-topaz-pressed: #00758c;
--rp-ui-base-almost-black: #3f3f3f;
--rp-ui-base-e-100: #e3e7ec;
--rp-ui-base-e-200: #c1c7d0;
--rp-ui-base-e-300: #a2aab5;
--rp-ui-base-e-400: #8d95a1;
--rp-ui-base-dark-bg: #101010;
--rp-ui-base-dark-bg-solid-98: #141414;
--rp-ui-base-dark-error: #ff4040;
--rp-ui-base-dark-error-text: #ff6666;
--rp-ui-base-dark-log-error: #ff3222;
--rp-ui-base-dark-log-fatal: #c2352b;
--rp-ui-base-dark-topaz-main: #1a9cb0;
--rp-ui-base-dark-topaz-hover: #1cb0c7;
--rp-ui-base-dark-topaz-focused: #1dbdd6;
--rp-ui-base-dark-topaz-pressed: #9ee7f2;
--rp-ui-base-dark-topaz-text: #3abcd0;
--rp-ui-base-dark-topaz-additional: #00505d;
--rp-ui-base-dark-e-50: #e8e8e8;
--rp-ui-base-dark-e-100: #cfcfcf;
--rp-ui-base-dark-e-150: #8f8f8f;
--rp-ui-base-dark-e-200: #626262;
--rp-ui-base-dark-e-300: #383838;
--rp-ui-base-dark-e-400: #262626;
--rp-ui-base-dark-e-450: #282828;
--rp-ui-base-dark-e-500: #222222;
// TODO: Ask UX team to add these colors to the color palette
--rp-ui-base-sm-warning: #d78706;
--rp-ui-base-sm-warning-line-100: #fceecb;
--rp-ui-base-sm-warning-line-200: #fbe7b6;
--rp-ui-base-sm-error: #db3549;
--rp-ui-base-sm-error-line-100: #fccbcb;
--rp-ui-base-sm-error-line-200: #ffc0bd;
--rp-ui-base-sm-info-line-100: #ced3db;
--rp-ui-base-defect-type-AB: #ffc208;
--rp-ui-base-tag-value-text: #394db6;
--rp-ui-base-tag-value-background: #ced8fc;
--rp-ui-base-tag-key-text: #6f4599;
--rp-ui-base-tag-key-background: #dac3e6;
--rp-ui-base-system-issue-group: #3e7be6;
--rp-ui-base-product-bug-group: #d32f2f;
--rp-ui-base-automation-bug-group: #ffc208;
--rp-ui-base-no-defect-bug-group: #76839b;
--rp-ui-base-test-execution-status-passed: #3aa76d;
/* shadows */
--rp-ui-base-shadow: 0px 1px 3px rgba(55, 67, 98, 0.1);
--rp-ui-base-shadow-hover: 0px 1px 3px rgba(55, 67, 98, 0.2);
--rp-ui-base-shadow-secondary: 0 8px 40px rgba(0, 0, 0, 0.15);
// TODO: discuss with UX
/* colors rgb */
--rp-ui-base-tooltip-bg: rgba(34, 34, 34, 0.91);
--rp-ui-base-almost-black-slight-light: rgba(63, 63, 63, 0.95);
--rp-ui-base-dark-bg-light: rgba(16, 16, 16, 0.15);
/* overlays */
--rp-ui-base-overlay: rgba(141, 149, 161, 0.35);
--rp-ui-base-overlay-light-cyan: rgba(208, 240, 241, 0.7);
/* fonts */
--rp-ui-base-font-family: Roboto, Arial, Helvetica, sans-serif;
--rp-ui-base-font-family-heading: OpenSans, Segoe UI, Tahoma, sans-serif;
// Default theme if the theme provider doesn't used
@include light-theme;
}