-
Notifications
You must be signed in to change notification settings - Fork 1
/
Copy pathrp-variables.css
85 lines (85 loc) · 3 KB
/
rp-variables.css
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
.rp-theme-variables {
/* global */
--rp-font-family: Inter, Avenir, Helvetica, Arial, sans-serif;
--rp-primary-color: #34affc;
--rp-border-radius: 4px;
--rp-text-color: #1c2024;
--rp-outline-color: #34affc;
--rp-font-size: 16px;
/* dropdown mask */
--rp-drop-mask-background-color: #fafafa;
/* loader */
--rp-loader-backdrop-color: #ffffffcc;
/* icon */
--rp-icon-disabled: #c6ccd2;
--rp-icon-font-size: calc(var(--rp-font-size) * 1.25);
/* toolbar */
--rp-toolbar-background: #e2e6e9;
--rp-toolbar-border-color: #c6ccd2;
--rp-toolbar-padding: .25rem;;
--rp-toolbar-gap: 0.25rem;
--rp-toolbar-size: 48px;
/* sidebar */
--rp-sidebar-width: 48px;
/* thumbnail */
--rp-thumbnail-border-color: #e2e6e9;
--rp-thumbnail-background-color: #ffffff;
--rp-thumbnail-active-color: #00000033;
--rp-thumbnail-padding-y: 16px;
/* button */
--rp-button-hover-background: #0000001a;
--rp-button-padding: 4px;
/* input */
--rp-input-padding: 8px;
--rp-input-border-radius: 6px;
--rp-input-background-color: #ffffff;
--rp-input-placeholder-color: #C6CCD2;
/* pages */
--rp-pages-background-color: #ffffff;
--rp-annotation-layer__link-hover-background: rgba(255, 255, 0, 0.2);
/* dropdown */
--rp-dropdown-background-color: #f1f2f4;
--rp-dropdown-padding: 4px;
--rp-dropdown-hover-background-color: #0000001a;
--rp-dropdown-separator-color: #e2e6e9;
--rp-dropdown-separator-margin: 4px;
--rp-dropdown-padding-menu-item: 8px;
--rp-dropdown-font-size: calc(var(--rp-font-size) * 0.875);
--rp-search-tool-dropdown-padding: 8px;
/* popover */
--rp-popover-font-size: calc(var(--rp-font-size) * 0.875);
--rp-popover-background-color: #f1f2f4;
--rp-popover-color: #1c2024;
--vpv-popover-border-color: #e2e6e9;
/* dialog */
--rp-overlay-background-color: #000000cc;
--rp-dialog-background-color: #f1f2f4;
--rp-properties-divider-color: #e2e6e9;
--rp-properties-divider-margin: 16px;
--rp-property-item-gap: 12px;
--rp-dialog-title-color: #1c2024;
--rp-property-item-label-color: #596673;
--rp-property-close-icon-size: calc(var(--rp-font-size) * 1.25);
--rp-property-item-font-size: calc(var(--rp-font-size) * 0.875);
--rp-property-item-font-weight: 400;
--rp-dialog-title-font-size: calc(var(--rp-font-size) * 1.125);
--rp-dialog-title-font-weight: 600;
--rp-menu-item-icon-size: 16px;
/* modal of print progress */
--rp-print-progress-background: #f1f2f4ff;
--rp-print-progress-color: #1c2024ff;
/* Drop zone */
--rp-drop-zone-border: #c6ccd2;
--rp-drop-zone-font-color: #8c99a6;
--rp-drop-zone-font-size: calc(var(--rp-font-size) * 1.125);
--rp-drop-zone-background-color: #fafafa;
/* checkbox */
--rp-checkbox-border-radius: 4px;
--rp-checkbox-border-color: #E2E6E9;
/* highlight */
--rp-highlight-background-color: rgba(255, 255, 0, 1);
--vpv-text-layer-highlight-border-radius: var(--rp-border-radius);
--rp-current-highlight-background-color: rgba(255, 0, 0, 1);
/* tooltip */
--rp-tooltip-background-color: #1C2024;
}