@redgate/brand-web-toolkit 0.0.5 → 0.0.7
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/components/_virtual/comparison-sdk.svg.js +6 -0
- package/components/_virtual/comparison-sdk.svg.js.map +1 -0
- package/components/_virtual/data-compare-for-oracle.svg.js +6 -0
- package/components/_virtual/data-compare-for-oracle.svg.js.map +1 -0
- package/components/_virtual/dlm-automation.svg.js +6 -0
- package/components/_virtual/dlm-automation.svg.js.map +1 -0
- package/components/_virtual/dlm-dashboard.svg.js +6 -0
- package/components/_virtual/dlm-dashboard.svg.js.map +1 -0
- package/components/_virtual/flyway.svg.js +6 -0
- package/components/_virtual/flyway.svg.js.map +1 -0
- package/components/_virtual/readyroll.svg.js +6 -0
- package/components/_virtual/readyroll.svg.js.map +1 -0
- package/components/_virtual/redgate-monitor.svg.js +6 -0
- package/components/_virtual/redgate-monitor.svg.js.map +1 -0
- package/components/_virtual/redgate-pgcompare.svg.js +6 -0
- package/components/_virtual/redgate-pgcompare.svg.js.map +1 -0
- package/components/_virtual/redgate-pgnow.svg.js +6 -0
- package/components/_virtual/redgate-pgnow.svg.js.map +1 -0
- package/components/_virtual/redgate-test-data-manager.svg.js +6 -0
- package/components/_virtual/redgate-test-data-manager.svg.js.map +1 -0
- package/components/_virtual/redgate_assistant.svg.js +6 -0
- package/components/_virtual/redgate_assistant.svg.js.map +1 -0
- package/components/_virtual/redgate_data_modeler.svg.js +6 -0
- package/components/_virtual/redgate_data_modeler.svg.js.map +1 -0
- package/components/_virtual/schema-compare-for-mysql.svg.js +6 -0
- package/components/_virtual/schema-compare-for-mysql.svg.js.map +1 -0
- package/components/_virtual/schema-compare-for-oracle.svg.js +6 -0
- package/components/_virtual/schema-compare-for-oracle.svg.js.map +1 -0
- package/components/_virtual/shopping-cart.svg.js +6 -0
- package/components/_virtual/shopping-cart.svg.js.map +1 -0
- package/components/_virtual/source-control-for-oracle.svg.js +6 -0
- package/components/_virtual/source-control-for-oracle.svg.js.map +1 -0
- package/components/_virtual/sql-backup.svg.js +6 -0
- package/components/_virtual/sql-backup.svg.js.map +1 -0
- package/components/_virtual/sql-change-automation.svg.js +6 -0
- package/components/_virtual/sql-change-automation.svg.js.map +1 -0
- package/components/_virtual/sql-clone.svg.js +6 -0
- package/components/_virtual/sql-clone.svg.js.map +1 -0
- package/components/_virtual/sql-code-guard.svg.js +6 -0
- package/components/_virtual/sql-code-guard.svg.js.map +1 -0
- package/components/_virtual/sql-compare.svg.js +6 -0
- package/components/_virtual/sql-compare.svg.js.map +1 -0
- package/components/_virtual/sql-data-catalog.svg.js +6 -0
- package/components/_virtual/sql-data-catalog.svg.js.map +1 -0
- package/components/_virtual/sql-data-compare.svg.js +6 -0
- package/components/_virtual/sql-data-compare.svg.js.map +1 -0
- package/components/_virtual/sql-data-generator.svg.js +6 -0
- package/components/_virtual/sql-data-generator.svg.js.map +1 -0
- package/components/_virtual/sql-data-masker.svg.js +6 -0
- package/components/_virtual/sql-data-masker.svg.js.map +1 -0
- package/components/_virtual/sql-dependency-tracker.svg.js +6 -0
- package/components/_virtual/sql-dependency-tracker.svg.js.map +1 -0
- package/components/_virtual/sql-doc.svg.js +6 -0
- package/components/_virtual/sql-doc.svg.js.map +1 -0
- package/components/_virtual/sql-estate-manager.svg.js +6 -0
- package/components/_virtual/sql-estate-manager.svg.js.map +1 -0
- package/components/_virtual/sql-index-manager.svg.js +6 -0
- package/components/_virtual/sql-index-manager.svg.js.map +1 -0
- package/components/_virtual/sql-multi-script.svg.js +6 -0
- package/components/_virtual/sql-multi-script.svg.js.map +1 -0
- package/components/_virtual/sql-prompt.svg.js +6 -0
- package/components/_virtual/sql-prompt.svg.js.map +1 -0
- package/components/_virtual/sql-scripts-manager.svg.js +6 -0
- package/components/_virtual/sql-scripts-manager.svg.js.map +1 -0
- package/components/_virtual/sql-search.svg.js +6 -0
- package/components/_virtual/sql-search.svg.js.map +1 -0
- package/components/_virtual/sql-source-control.svg.js +6 -0
- package/components/_virtual/sql-source-control.svg.js.map +1 -0
- package/components/_virtual/sql-test.svg.js +6 -0
- package/components/_virtual/sql-test.svg.js.map +1 -0
- package/components/_virtual/sql-toolbelt.svg.js +6 -0
- package/components/_virtual/sql-toolbelt.svg.js.map +1 -0
- package/components/_virtual/table-expand-large.svg.js +6 -0
- package/components/_virtual/table-expand-large.svg.js.map +1 -0
- package/components/_virtual/table-expand-medium.svg.js +6 -0
- package/components/_virtual/table-expand-medium.svg.js.map +1 -0
- package/components/_virtual/table-expand-small.svg.js +6 -0
- package/components/_virtual/table-expand-small.svg.js.map +1 -0
- package/components/_virtual/user.svg.js +6 -0
- package/components/_virtual/user.svg.js.map +1 -0
- package/components/icons/Icons.d.ts +5 -0
- package/components/icons/Icons.js +10 -0
- package/components/icons/Icons.js.map +1 -1
- package/components/icons/ProductIcon.d.ts +23 -0
- package/components/icons/ProductIcon.js +25 -0
- package/components/icons/ProductIcon.js.map +1 -0
- package/components/icons/ProductIcons.d.ts +39 -0
- package/components/icons/ProductIcons.js +77 -0
- package/components/icons/ProductIcons.js.map +1 -0
- package/components/icons/index.d.ts +2 -1
- package/components/icons/index.js +1 -0
- package/components/icons/index.js.map +1 -1
- package/package.json +1 -1
- package/tailwindcss/pass.css +9 -5
- package/tailwindcss/redgate.css +3 -3
- package/tailwindcss/sql-server-central.css +6 -4
- package/tailwindcss/src/pass/input.css +67 -64
- package/tailwindcss/src/redgate/input.css +6 -6
- package/tailwindcss/src/sql-server-central/input.css +32 -31
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
@import url(
|
|
1
|
+
@import url('https://fonts.googleapis.com/css2?family=Kanit:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap');
|
|
2
2
|
@import 'tailwindcss';
|
|
3
3
|
|
|
4
4
|
@import '../global/theme.css';
|
|
@@ -11,7 +11,6 @@
|
|
|
11
11
|
@import '../global/base.css';
|
|
12
12
|
|
|
13
13
|
@theme {
|
|
14
|
-
|
|
15
14
|
/* COLOUR MODES */
|
|
16
15
|
--color-text-primary: var(--color-indigo-600);
|
|
17
16
|
--color-text-primary_hover: var(--color-indigo-400);
|
|
@@ -19,139 +18,139 @@
|
|
|
19
18
|
--color-text-primary_on-accent-strong: var(--color-white);
|
|
20
19
|
--color-text-primary_on-accent-strongest: var(--color-indigo-900);
|
|
21
20
|
--color-text-primary_on-accent-strongest-alt: var(--color-white);
|
|
22
|
-
|
|
21
|
+
|
|
23
22
|
--color-text-secondary: var(--color-indigo-400);
|
|
24
23
|
--color-text-secondary_hover: var(--color-indigo-700);
|
|
25
24
|
--color-text-secondary_on-accent-subtle: var(--color-indigo-700);
|
|
26
25
|
--color-text-secondary_on-accent-strong: var(--color-indigo-100);
|
|
27
26
|
--color-text-secondary_on-accent-strongest: var(--color-indigo-800);
|
|
28
|
-
|
|
27
|
+
|
|
29
28
|
--color-text-tertiary: var(--color-indigo-400);
|
|
30
29
|
--color-text-tertiary_hover: var(--color-indigo-600);
|
|
31
30
|
--color-text-tertiary_on-accent-subtle: var(--color-indigo-400);
|
|
32
31
|
--color-text-tertiary_on-accent-strong: var(--color-indigo-200);
|
|
33
32
|
--color-text-tertiary_on-accent-strongest: var(--color-indigo-400);
|
|
34
|
-
|
|
33
|
+
|
|
35
34
|
--color-text-accent-primary: var(--color-indigo-400);
|
|
36
35
|
--color-text-accent-primary_hover: var(--color-indigo-800);
|
|
37
36
|
--color-text-accent-primary_on-accent-subtle: var(--color-indigo-400);
|
|
38
37
|
--color-text-accent-primary_on-accent-strong: var(--color-indigo-25);
|
|
39
38
|
--color-text-accent-primary_on-accent-strongest: var(--color-indigo-800);
|
|
40
|
-
|
|
39
|
+
|
|
41
40
|
--color-text-accent-secondary: var(--color-indigo-700);
|
|
42
41
|
--color-text-accent-secondary_hover: var(--color-indigo-800);
|
|
43
42
|
--color-text-accent-secondary_on-accent-subtle: var(--color-indigo-700);
|
|
44
43
|
--color-text-accent-secondary_on-accent-strong: var(--color-indigo-700);
|
|
45
44
|
--color-text-accent-secondary_on-accent-strongest: var(--color-indigo-700);
|
|
46
|
-
|
|
45
|
+
|
|
47
46
|
--color-text-accent-tertiary: var(--color-indigo-600);
|
|
48
47
|
--color-text-accent-tertiary_on-hover: var(--color-indigo-600);
|
|
49
48
|
--color-text-accent-tertiary_on-accent-subtle: var(--color-indigo-600);
|
|
50
49
|
--color-text-accent-tertiary_on-accent-strong: var(--color-indigo-600);
|
|
51
50
|
--color-text-accent-tertiary_on-accent-strongest: var(--color-indigo-600);
|
|
52
|
-
|
|
51
|
+
|
|
53
52
|
--color-border-primary: var(--color-indigo-300);
|
|
54
53
|
--color-border-primary_on-accent-subtle: var(--color-indigo-300);
|
|
55
54
|
--color-border-primary_on-accent-strong: var(--color-indigo-300);
|
|
56
55
|
--color-border-primary_on-accent-strongest: var(--color-indigo-300);
|
|
57
|
-
|
|
56
|
+
|
|
58
57
|
--color-border-secondary: var(--color-gray-200);
|
|
59
58
|
--color-border-secondary_on-accent-subtle: var(--color-gray-200);
|
|
60
59
|
--color-border-secondary_on-accent-strong: var(--color-gray-200);
|
|
61
60
|
--color-border-secondary_on-accent-strongest: var(--color-gray-200);
|
|
62
61
|
--color-border-secondary_alt: rgba(0, 0, 0, 0.1);
|
|
63
|
-
|
|
62
|
+
|
|
64
63
|
--color-border-tertiary: var(--color-gray-100);
|
|
65
64
|
--color-border-tertiary_on-accent-subtle: var(--color-gray-100);
|
|
66
65
|
--color-border-tertiary_on-accent-strong: var(--color-gray-100);
|
|
67
66
|
--color-border-tertiary_on-accent-strongest: var(--color-gray-100);
|
|
68
|
-
|
|
67
|
+
|
|
69
68
|
--color-border-accent: var(--color-pass-pink);
|
|
70
69
|
--color-border-accent_on-accent-subtle: var(--color-pass-pink);
|
|
71
70
|
--color-border-accent_on-accent-strong: var(--color-indigo-500);
|
|
72
71
|
--color-border-accent_on-accent-strongest: var(--color-indigo-500);
|
|
73
72
|
--color-border-accent_alt: var(--color-indigo-600);
|
|
74
|
-
|
|
73
|
+
|
|
75
74
|
--color-border-accent_interactive: var(--color-indigo-300);
|
|
76
75
|
--color-border-accent-interactive_on-subtle: var(--color-indigo-300);
|
|
77
76
|
--color-border-accent-interactive_on-strong: var(--color-indigo-300);
|
|
78
77
|
--color-border-accent-interactive_on-strongest: var(--color-indigo-300);
|
|
79
|
-
|
|
78
|
+
|
|
80
79
|
--color-border-error: var(--color-red-500);
|
|
81
80
|
--color-border-error_subtle: var(--color-red-300);
|
|
82
|
-
|
|
81
|
+
|
|
83
82
|
--color-fg-primary: var(--color-gray-900);
|
|
84
83
|
--color-fg-primary_alt: var(--color-gray-900);
|
|
85
84
|
--color-fg-primary_on-accent-subtle: var(--color-gray-900);
|
|
86
85
|
--color-fg-primary_on-accent-strong: var(--color-gray-900);
|
|
87
86
|
--color-fg-primary_on-accent-strongest: var(--color-gray-900);
|
|
88
87
|
--color-fg-primary_on-accent-strongest-alt: var(--color-white);
|
|
89
|
-
|
|
88
|
+
|
|
90
89
|
--color-fg-secondary: var(--color-indigo-400);
|
|
91
90
|
--color-fg-secondary_hover: var(--color-indigo-700);
|
|
92
91
|
--color-fg-secondary_on-accent-subtle: var(--color-indigo-700);
|
|
93
92
|
--color-fg-secondary_on-accent-strong: var(--color-indigo-100);
|
|
94
93
|
--color-fg-secondary_on-accent-strongest: var(--color-indigo-800);
|
|
95
|
-
|
|
94
|
+
|
|
96
95
|
--color-fg-tertiary: var(--color-indigo-400);
|
|
97
96
|
--color-fg-tertiary_hover: var(--color-indigo-600);
|
|
98
97
|
--color-fg-tertiary_on-accent-subtle: var(--color-indigo-400);
|
|
99
98
|
--color-fg-tertiary_on-accent-strong: var(--color-indigo-200);
|
|
100
99
|
--color-fg-tertiary_on-accent-strongest: var(--color-indigo-400);
|
|
101
|
-
|
|
100
|
+
|
|
102
101
|
--color-fg-accent-primary: var(--color-indigo-600);
|
|
103
102
|
--color-fg-accent-primary_alt: var(--color-indigo-600);
|
|
104
103
|
--color-fg-accent-secondary: var(--color-indigo-500);
|
|
105
104
|
--color-fg-accent-secondary_alt: var(--color-indigo-500);
|
|
106
105
|
--color-fg-accent-secondary_hover: var(--color-indigo-600);
|
|
107
|
-
|
|
106
|
+
|
|
108
107
|
--color-fg-error-primary: var(--color-red-600);
|
|
109
108
|
--color-fg-error-secondary: var(--color-red-500);
|
|
110
109
|
--color-fg-warning-primary: var(--color-yellow-600);
|
|
111
110
|
--color-fg-warning-secondary: var(--color-yellow-500);
|
|
112
111
|
--color-fg-success-primary: var(--color-green-600);
|
|
113
112
|
--color-fg-success-secondary: var(--color-green-500);
|
|
114
|
-
|
|
113
|
+
|
|
115
114
|
--color-bg-quaternary: var(--color-gray-200);
|
|
116
115
|
--color-bg-quaternary-hover: var(--color-gray-200);
|
|
117
116
|
--color-bg-overlay: var(--color-gray-950);
|
|
118
|
-
|
|
117
|
+
|
|
119
118
|
--color-bg-primary: var(--color-white);
|
|
120
119
|
--color-bg-primary_hover: var(--color-gray-50);
|
|
121
120
|
--color-bg-primary_on-accent-subtle: var(--color-indigo-25);
|
|
122
121
|
--color-bg-primary_alt: var(--color-white);
|
|
123
122
|
--color-bg-primary-static: var(--color-gray-950);
|
|
124
|
-
|
|
123
|
+
|
|
125
124
|
--color-bg-secondary: var(--color-gray-50);
|
|
126
125
|
--color-bg-secondary_hover: var(--color-gray-100);
|
|
127
126
|
--color-bg-secondary_alt: var(--color-gray-50);
|
|
128
127
|
--color-bg-secondary-static: var(--color-gray-600);
|
|
129
|
-
|
|
128
|
+
|
|
130
129
|
--color-bg-tertiary: var(--color-gray-100);
|
|
131
130
|
--color-bg-tertiary-hover: var(--color-gray-200);
|
|
132
|
-
|
|
131
|
+
|
|
133
132
|
--color-bg-accent-subtlest: var(--color-indigo-25);
|
|
134
133
|
--color-bg-accent-subtlest-hover: var(--color-indigo-50);
|
|
135
|
-
|
|
134
|
+
|
|
136
135
|
--color-bg-accent-subtle: var(--color-indigo-50);
|
|
137
136
|
--color-bg-accent-subtle-hover: var(--color-indigo-25);
|
|
138
137
|
--color-bg-accent-subtle_alt: var(--color-indigo-50);
|
|
139
|
-
|
|
138
|
+
|
|
140
139
|
--color-bg-accent-strong: var(--color-indigo-500);
|
|
141
140
|
--color-bg-accent-strong-hover: var(--color-indigo-700);
|
|
142
|
-
|
|
141
|
+
|
|
143
142
|
--color-bg-accent-strongest: var(--color-pass-yellow);
|
|
144
143
|
--color-bg-accent-strongest_hover: var(--color-pass-green);
|
|
145
|
-
|
|
144
|
+
|
|
146
145
|
--color-bg-accent-strongest-alt: var(--color-indigo-400);
|
|
147
146
|
--color-bg-accent-strongest-alt_hover: var(--color-indigo-400);
|
|
148
147
|
--color-bg-accent-strongest-alt_on-subtle: var(--color-indigo-600);
|
|
149
148
|
--color-bg-accent-strongest-alt_on-strong: var(--color-indigo-600);
|
|
150
149
|
--color-bg-accent-strongest-alt_on-strongest: var(--color-indigo-600);
|
|
151
|
-
|
|
150
|
+
|
|
152
151
|
--color-bg-accent-strong-primary-alt: var(--color-indigo-400);
|
|
153
152
|
--color-bg-accent-strong-primary-alt-hover: var(--color-indigo-400);
|
|
154
|
-
|
|
153
|
+
|
|
155
154
|
--color-bg-error-primary: var(--color-red-50);
|
|
156
155
|
--color-bg-error-secondary: var(--color-red-100);
|
|
157
156
|
--color-bg-error-solid: var(--color-red-600);
|
|
@@ -162,10 +161,10 @@
|
|
|
162
161
|
--color-bg-success-primary: var(--color-green-50);
|
|
163
162
|
--color-bg-success-secondary: var(--color-green-100);
|
|
164
163
|
--color-bg-success-solid: var(--color-green-600);
|
|
165
|
-
|
|
164
|
+
|
|
166
165
|
--color-focus-ring: var(--color-indigo-500);
|
|
167
166
|
--color-focus-ring-error: var(--color-indigo-500);
|
|
168
|
-
|
|
167
|
+
|
|
169
168
|
--color-shadow-xs: rgba(0, 0, 0, 0.05);
|
|
170
169
|
--color-shadow-sm_01: rgba(0, 0, 0, 0.1);
|
|
171
170
|
--color-shadow-sm_02: rgba(0, 0, 0, 0.1);
|
|
@@ -198,8 +197,8 @@
|
|
|
198
197
|
|
|
199
198
|
/* TYPOGRAPHY */
|
|
200
199
|
/* Font family */
|
|
201
|
-
--font-family-display:
|
|
202
|
-
--font-family-body:
|
|
200
|
+
--font-family-display: 'Kanit', sans-serif;
|
|
201
|
+
--font-family-body: 'Kanit', sans-serif;
|
|
203
202
|
--default-font-family: var(--font-family-body);
|
|
204
203
|
}
|
|
205
204
|
|
|
@@ -212,53 +211,57 @@
|
|
|
212
211
|
--color-text-primary_on-accent-strong: var(--color-white);
|
|
213
212
|
--color-text-primary_on-accent-strongest: var(--color-indigo-700);
|
|
214
213
|
--color-text-primary_on-accent-strongest-alt: var(--color-indigo-700);
|
|
215
|
-
|
|
214
|
+
|
|
216
215
|
--color-text-secondary: var(--color-indigo-50);
|
|
217
216
|
--color-text-secondary_hover: var(--color-white);
|
|
218
217
|
--color-text-secondary_on-accent-subtle: var(--color-indigo-50);
|
|
219
218
|
--color-text-secondary_on-accent-strong: var(--color-indigo-500);
|
|
220
219
|
--color-text-secondary_on-accent-strongest: var(--color-indigo-700);
|
|
221
|
-
|
|
220
|
+
|
|
222
221
|
--color-text-tertiary: var(--color-indigo-100);
|
|
223
222
|
--color-text-tertiary_hover: var(--color-indigo-25);
|
|
224
223
|
--color-text-tertiary_on-accent-subtle: var(--color-indigo-100);
|
|
225
224
|
--color-text-tertiary_on-accent-strong: var(--color-indigo-400);
|
|
226
225
|
--color-text-tertiary_on-accent-strongest: var(--color-indigo-500);
|
|
227
|
-
|
|
226
|
+
|
|
228
227
|
--color-text-accent-primary: var(--color-pass-yellow);
|
|
229
228
|
--color-text-accent-primary_hover: var(--color-pass-green);
|
|
230
229
|
--color-text-accent-primary_on-accent-subtle: var(--color-pass-yellow);
|
|
231
230
|
--color-text-accent-primary_on-accent-strong: var(--color-indigo-800);
|
|
232
|
-
--color-text-accent-primary_on-accent-strongest: var(
|
|
233
|
-
|
|
231
|
+
--color-text-accent-primary_on-accent-strongest: var(
|
|
232
|
+
--color-indigo-800
|
|
233
|
+
);
|
|
234
|
+
|
|
234
235
|
--color-text-accent-secondary: var(--color-gray-300);
|
|
235
236
|
--color-text-accent-secondary_hover: var(--color-gray-200);
|
|
236
237
|
--color-text-accent-secondary_on-accent-subtle: var(--color-gray-300);
|
|
237
238
|
--color-text-accent-secondary_on-accent-strong: var(--color-gray-300);
|
|
238
|
-
--color-text-accent-secondary_on-accent-strongest: var(
|
|
239
|
-
|
|
239
|
+
--color-text-accent-secondary_on-accent-strongest: var(
|
|
240
|
+
--color-gray-300
|
|
241
|
+
);
|
|
242
|
+
|
|
240
243
|
--color-text-accent-tertiary: var(--color-gray-400);
|
|
241
244
|
--color-text-accent-tertiary_on-hover: var(--color-gray-400);
|
|
242
245
|
--color-text-accent-tertiary_on-accent-subtle: var(--color-gray-400);
|
|
243
246
|
--color-text-accent-tertiary_on-accent-strong: var(--color-gray-400);
|
|
244
247
|
--color-text-accent-tertiary_on-accent-strongest: var(--color-gray-400);
|
|
245
|
-
|
|
248
|
+
|
|
246
249
|
--color-border-primary: var(--color-indigo-200);
|
|
247
250
|
--color-border-primary_on-accent-subtle: var(--color-indigo-200);
|
|
248
251
|
--color-border-primary_on-accent-strong: var(--color-indigo-200);
|
|
249
252
|
--color-border-primary_on-accent-strongest: var(--color-indigo-200);
|
|
250
|
-
|
|
253
|
+
|
|
251
254
|
--color-border-secondary: var(--color-gray-800);
|
|
252
255
|
--color-border-secondary_on-accent-subtle: var(--color-gray-800);
|
|
253
256
|
--color-border-secondary_on-accent-strong: var(--color-gray-800);
|
|
254
257
|
--color-border-secondary_on-accent-strongest: var(--color-gray-800);
|
|
255
258
|
--color-border-secondary_alt: var(--color-gray-800);
|
|
256
|
-
|
|
259
|
+
|
|
257
260
|
--color-border-tertiary: var(--color-gray-800);
|
|
258
261
|
--color-border-tertiary_on-accent-subtle: var(--color-gray-800);
|
|
259
262
|
--color-border-tertiary_on-accent-strong: var(--color-gray-800);
|
|
260
263
|
--color-border-tertiary_on-accent-strongest: var(--color-gray-800);
|
|
261
|
-
|
|
264
|
+
|
|
262
265
|
--color-border-accent: var(--color-pass-pink);
|
|
263
266
|
--color-border-accent_on-accent-subtle: var(--color-pass-pink);
|
|
264
267
|
--color-border-accent_on-accent-strong: var(--color-indigo-400);
|
|
@@ -270,82 +273,82 @@
|
|
|
270
273
|
--color-border-accent-interactive_on-subtle: var(--color-indigo-200);
|
|
271
274
|
--color-border-accent-interactive_on-strong: var(--color-indigo-200);
|
|
272
275
|
--color-border-accent-interactive_on-strongest: var(--color-indigo-200);
|
|
273
|
-
|
|
276
|
+
|
|
274
277
|
--color-border-error: var(--color-red-400);
|
|
275
278
|
--color-border-error_subtle: var(--color-red-500);
|
|
276
|
-
|
|
279
|
+
|
|
277
280
|
--color-fg-primary: var(--color-white);
|
|
278
281
|
--color-fg-primary_alt: var(--color-white);
|
|
279
282
|
--color-fg-primary_on-accent-subtle: var(--color-white);
|
|
280
283
|
--color-fg-primary_on-accent-strong: var(--color-white);
|
|
281
284
|
--color-fg-primary_on-accent-strongest: var(--color-white);
|
|
282
285
|
--color-fg-primary_on-accent-strongest-alt: var(--color-indigo-600);
|
|
283
|
-
|
|
286
|
+
|
|
284
287
|
--color-fg-secondary: var(--color-indigo-50);
|
|
285
288
|
--color-fg-secondary_hover: var(--color-white);
|
|
286
289
|
--color-fg-secondary_on-accent-subtle: var(--color-indigo-50);
|
|
287
290
|
--color-fg-secondary_on-accent-strong: var(--color-indigo-500);
|
|
288
291
|
--color-fg-secondary_on-accent-strongest: var(--color-indigo-700);
|
|
289
|
-
|
|
292
|
+
|
|
290
293
|
--color-fg-tertiary: var(--color-indigo-100);
|
|
291
294
|
--color-fg-tertiary_hover: var(--color-indigo-25);
|
|
292
295
|
--color-fg-tertiary_on-accent-subtle: var(--color-indigo-100);
|
|
293
296
|
--color-fg-tertiary_on-accent-strong: var(--color-indigo-400);
|
|
294
297
|
--color-fg-tertiary_on-accent-strongest: var(--color-indigo-500);
|
|
295
|
-
|
|
298
|
+
|
|
296
299
|
--color-fg-accent-primary: var(--color-indigo-500);
|
|
297
300
|
--color-fg-accent-primary_alt: var(--color-gray-300);
|
|
298
301
|
--color-fg-accent-secondary: var(--color-indigo-500);
|
|
299
302
|
--color-fg-accent-secondary_alt: var(--color-gray-600);
|
|
300
303
|
--color-fg-accent-secondary_hover: var(--color-gray-500);
|
|
301
|
-
|
|
304
|
+
|
|
302
305
|
--color-fg-error-primary: var(--color-red-500);
|
|
303
306
|
--color-fg-error-secondary: var(--color-red-400);
|
|
304
307
|
--color-fg-warning-primary: var(--color-yellow-500);
|
|
305
308
|
--color-fg-warning-secondary: var(--color-yellow-400);
|
|
306
309
|
--color-fg-success-primary: var(--color-green-500);
|
|
307
310
|
--color-fg-success-secondary: var(--color-green-400);
|
|
308
|
-
|
|
311
|
+
|
|
309
312
|
--color-bg-quaternary: var(--color-indigo-700);
|
|
310
313
|
--color-bg-quaternary-hover: var(--color-indigo-700);
|
|
311
314
|
--color-bg-overlay: var(--color-indigo-800);
|
|
312
|
-
|
|
315
|
+
|
|
313
316
|
--color-bg-primary: var(--color-indigo-500);
|
|
314
317
|
--color-bg-primary_hover: var(--color-indigo-700);
|
|
315
318
|
--color-bg-primary_on-accent-subtle: var(--color-indigo-400);
|
|
316
319
|
--color-bg-primary_alt: var(--color-indigo-700);
|
|
317
320
|
--color-bg-primary-static: var(--color-indigo-600);
|
|
318
|
-
|
|
321
|
+
|
|
319
322
|
--color-bg-secondary: var(--color-indigo-700);
|
|
320
323
|
--color-bg-secondary_hover: var(--color-indigo-950);
|
|
321
324
|
--color-bg-secondary_alt: var(--color-indigo-500);
|
|
322
325
|
--color-bg-secondary-static: var(--color-indigo-600);
|
|
323
|
-
|
|
326
|
+
|
|
324
327
|
--color-bg-tertiary: var(--color-indigo-800);
|
|
325
328
|
--color-bg-tertiary-hover: var(--color-indigo-700);
|
|
326
|
-
|
|
329
|
+
|
|
327
330
|
--color-bg-accent-subtlest: var(--color-indigo-800);
|
|
328
331
|
--color-bg-accent-subtlest-hover: var(--color-indigo-700);
|
|
329
|
-
|
|
332
|
+
|
|
330
333
|
--color-bg-accent-subtle: var(--color-indigo-400);
|
|
331
334
|
--color-bg-accent-subtle-hover: var(--color-indigo-700);
|
|
332
335
|
--color-bg-accent-subtle_alt: var(--color-indigo-700);
|
|
333
|
-
|
|
336
|
+
|
|
334
337
|
--color-bg-accent-strong: var(--color-indigo-400);
|
|
335
338
|
--color-bg-accent-strong-hover: var(--color-indigo-500);
|
|
336
|
-
|
|
339
|
+
|
|
337
340
|
--color-bg-accent-strongest: var(--color-pass-yellow);
|
|
338
341
|
--color-bg-accent-strongest_hover: var(--color-pass-green);
|
|
339
|
-
|
|
342
|
+
|
|
340
343
|
--color-bg-accent-strongest-alt: var(--color-pass-yellow);
|
|
341
344
|
--color-bg-accent-strongest-alt_hover: var(--color-indigo-100);
|
|
342
345
|
--color-bg-accent-strongest-alt_on-subtle: var(--color-indigo-25);
|
|
343
346
|
--color-bg-accent-strongest-alt_on-strong: var(--color-indigo-25);
|
|
344
347
|
--color-bg-accent-strongest-alt_on-strongest: var(--color-indigo-25);
|
|
345
|
-
|
|
348
|
+
|
|
346
349
|
--color-bg-accent-strong-primary-alt: var(--color-indigo-300);
|
|
347
350
|
--color-bg-accent-strong-primary-alt-hover: var(--color-indigo-300);
|
|
348
|
-
|
|
351
|
+
|
|
349
352
|
--color-bg-error-primary: var(--color-red-950);
|
|
350
353
|
--color-bg-error-secondary: var(--color-red-600);
|
|
351
354
|
--color-bg-error-solid: var(--color-red-600);
|
|
@@ -356,10 +359,10 @@
|
|
|
356
359
|
--color-bg-success-primary: var(--color-green-950);
|
|
357
360
|
--color-bg-success-secondary: var(--color-green-600);
|
|
358
361
|
--color-bg-success-solid: var(--color-green-600);
|
|
359
|
-
|
|
362
|
+
|
|
360
363
|
--color-focus-ring: var(--color-indigo-500);
|
|
361
364
|
--color-focus-ring-error: var(--color-indigo-500);
|
|
362
|
-
|
|
365
|
+
|
|
363
366
|
--color-shadow-xs: var(--color-transparent);
|
|
364
367
|
--color-shadow-sm_01: var(--color-transparent);
|
|
365
368
|
--color-shadow-sm_02: var(--color-transparent);
|
|
@@ -378,4 +381,4 @@
|
|
|
378
381
|
--color-shadow-skeumorphic-inner: rgba(0, 0, 0, 0.05);
|
|
379
382
|
--color-shadow-skeumorphic-inner-border: rgba(0, 0, 0, 0.18);
|
|
380
383
|
}
|
|
381
|
-
}
|
|
384
|
+
}
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
@import url(
|
|
1
|
+
@import url('https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,100..900;1,100..900&display=swap');
|
|
2
2
|
@import 'tailwindcss';
|
|
3
3
|
|
|
4
4
|
@font-face {
|
|
@@ -6,7 +6,8 @@
|
|
|
6
6
|
font-style: normal;
|
|
7
7
|
font-weight: 500;
|
|
8
8
|
font-display: swap;
|
|
9
|
-
src: url('https://cdn.red-gate.com/assets/fonts/redgate-type/redgate-type-medium.woff')
|
|
9
|
+
src: url('https://cdn.red-gate.com/assets/fonts/redgate-type/redgate-type-medium.woff')
|
|
10
|
+
format('woff');
|
|
10
11
|
}
|
|
11
12
|
|
|
12
13
|
@import '../global/theme.css';
|
|
@@ -19,7 +20,6 @@
|
|
|
19
20
|
@import '../global/base.css';
|
|
20
21
|
|
|
21
22
|
@theme {
|
|
22
|
-
|
|
23
23
|
/* COLOUR MODES */
|
|
24
24
|
--color-text-primary: var(--color-gray-950);
|
|
25
25
|
--color-text-primary_hover: var(--color-red-600);
|
|
@@ -177,8 +177,8 @@
|
|
|
177
177
|
|
|
178
178
|
/* TYPOGRAPHY */
|
|
179
179
|
/* Font family */
|
|
180
|
-
--font-family-display:
|
|
181
|
-
--font-family-body:
|
|
180
|
+
--font-family-display: 'Gatebase', sans-serif;
|
|
181
|
+
--font-family-body: 'Roboto', sans-serif;
|
|
182
182
|
--default-font-family: var(--font-family-body);
|
|
183
183
|
}
|
|
184
184
|
|
|
@@ -327,4 +327,4 @@
|
|
|
327
327
|
--color-shadow-skeumorphic-inner: rgba(0, 0, 0, 0.05);
|
|
328
328
|
--color-shadow-skeumorphic-inner-border: rgba(0, 0, 0, 0.18);
|
|
329
329
|
}
|
|
330
|
-
}
|
|
330
|
+
}
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
@import url(
|
|
1
|
+
@import url('https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,100..900;1,100..900&display=swap');
|
|
2
2
|
@import 'tailwindcss';
|
|
3
3
|
|
|
4
4
|
@import '../global/theme.css';
|
|
@@ -11,7 +11,6 @@
|
|
|
11
11
|
@import '../global/base.css';
|
|
12
12
|
|
|
13
13
|
@theme {
|
|
14
|
-
|
|
15
14
|
/* COLOUR MODES */
|
|
16
15
|
--color-text-primary: var(--color-blue-800);
|
|
17
16
|
--color-text-primary_hover: var(--color-blue-600);
|
|
@@ -39,115 +38,115 @@
|
|
|
39
38
|
--color-text-accent-secondary_on-accent-subtle: var(--color-blue-600);
|
|
40
39
|
--color-text-accent-secondary_on-accent-strong: var(--color-blue-600);
|
|
41
40
|
--color-text-accent-secondary_on-accent-strongest: var(--color-blue-600);
|
|
42
|
-
|
|
41
|
+
|
|
43
42
|
--color-text-accent-tertiary: var(--color-blue-500);
|
|
44
43
|
--color-text-accent-tertiary_on-hover: var(--color-blue-600);
|
|
45
44
|
--color-text-accent-tertiary_on-accent-subtle: var(--color-blue-600);
|
|
46
45
|
--color-text-accent-tertiary_on-accent-strong: var(--color-blue-600);
|
|
47
46
|
--color-text-accent-tertiary_on-accent-strongest: var(--color-blue-600);
|
|
48
|
-
|
|
47
|
+
|
|
49
48
|
--color-border-primary: var(--color-gray-500);
|
|
50
49
|
--color-border-primary_on-accent-subtle: var(--color-gray-500);
|
|
51
50
|
--color-border-primary_on-accent-strong: var(--color-gray-500);
|
|
52
51
|
--color-border-primary_on-accent-strongest: var(--color-gray-500);
|
|
53
|
-
|
|
52
|
+
|
|
54
53
|
--color-border-secondary: var(--color-gray-200);
|
|
55
54
|
--color-border-secondary_on-accent-subtle: var(--color-gray-200);
|
|
56
55
|
--color-border-secondary_on-accent-strong: var(--color-gray-200);
|
|
57
56
|
--color-border-secondary_on-accent-strongest: var(--color-gray-200);
|
|
58
57
|
--color-border-secondary_alt: rgba(0, 0, 0, 0.1);
|
|
59
|
-
|
|
58
|
+
|
|
60
59
|
--color-border-tertiary: var(--color-gray-100);
|
|
61
60
|
--color-border-tertiary_on-accent-subtle: var(--color-gray-100);
|
|
62
61
|
--color-border-tertiary_on-accent-strong: var(--color-gray-100);
|
|
63
62
|
--color-border-tertiary_on-accent-strongest: var(--color-gray-100);
|
|
64
|
-
|
|
63
|
+
|
|
65
64
|
--color-border-accent: var(--color-blue-600);
|
|
66
65
|
--color-border-accent_on-accent-subtle: var(--color-blue-600);
|
|
67
66
|
--color-border-accent_on-accent-strong: var(--color-blue-500);
|
|
68
67
|
--color-border-accent_on-accent-strongest: var(--color-blue-500);
|
|
69
68
|
--color-border-accent_alt: var(--color-blue-600);
|
|
70
|
-
|
|
69
|
+
|
|
71
70
|
--color-border-accent_interactive: var(--color-blue-600);
|
|
72
71
|
--color-border-accent-interactive_on-subtle: var(--color-blue-600);
|
|
73
72
|
--color-border-accent-interactive_on-strong: var(--color-blue-600);
|
|
74
73
|
--color-border-accent-interactive_on-strongest: var(--color-blue-600);
|
|
75
|
-
|
|
74
|
+
|
|
76
75
|
--color-border-error: var(--color-red-500);
|
|
77
76
|
--color-border-error_subtle: var(--color-red-300);
|
|
78
|
-
|
|
77
|
+
|
|
79
78
|
--color-fg-primary: var(--color-gray-900);
|
|
80
79
|
--color-fg-primary_alt: var(--color-gray-900);
|
|
81
80
|
--color-fg-primary_on-accent-subtle: var(--color-gray-900);
|
|
82
81
|
--color-fg-primary_on-accent-strong: var(--color-gray-900);
|
|
83
82
|
--color-fg-primary_on-accent-strongest: var(--color-gray-900);
|
|
84
83
|
--color-fg-primary_on-accent-strongest-alt: var(--color-white);
|
|
85
|
-
|
|
84
|
+
|
|
86
85
|
--color-fg-secondary: var(--color-gray-700);
|
|
87
86
|
--color-fg-secondary_hover: var(--color-gray-950);
|
|
88
87
|
--color-fg-secondary_on-accent-subtle: var(--color-blue-700);
|
|
89
88
|
--color-fg-secondary_on-accent-strong: var(--color-blue-50);
|
|
90
89
|
--color-fg-secondary_on-accent-strongest: var(--color-blue-800);
|
|
91
|
-
|
|
90
|
+
|
|
92
91
|
--color-fg-tertiary: var(--color-gray-600);
|
|
93
92
|
--color-fg-tertiary_hover: var(--color-gray-700);
|
|
94
93
|
--color-fg-tertiary_on-accent-subtle: var(--color-blue-600);
|
|
95
94
|
--color-fg-tertiary_on-accent-strong: var(--color-blue-50);
|
|
96
95
|
--color-fg-tertiary_on-accent-strongest: var(--color-blue-700);
|
|
97
|
-
|
|
96
|
+
|
|
98
97
|
--color-fg-accent-primary: var(--color-blue-600);
|
|
99
98
|
--color-fg-accent-primary_alt: var(--color-blue-600);
|
|
100
99
|
--color-fg-accent-secondary: var(--color-blue-500);
|
|
101
100
|
--color-fg-accent-secondary_alt: var(--color-blue-500);
|
|
102
101
|
--color-fg-accent-secondary_hover: var(--color-blue-600);
|
|
103
|
-
|
|
102
|
+
|
|
104
103
|
--color-fg-error-primary: var(--color-red-600);
|
|
105
104
|
--color-fg-error-secondary: var(--color-red-500);
|
|
106
105
|
--color-fg-warning-primary: var(--color-yellow-600);
|
|
107
106
|
--color-fg-warning-secondary: var(--color-yellow-500);
|
|
108
107
|
--color-fg-success-primary: var(--color-green-600);
|
|
109
108
|
--color-fg-success-secondary: var(--color-green-500);
|
|
110
|
-
|
|
109
|
+
|
|
111
110
|
--color-bg-quaternary: var(--color-gray-200);
|
|
112
111
|
--color-bg-quaternary-hover: var(--color-gray-200);
|
|
113
112
|
--color-bg-overlay: var(--color-gray-950);
|
|
114
|
-
|
|
113
|
+
|
|
115
114
|
--color-bg-primary: var(--color-white);
|
|
116
115
|
--color-bg-primary_hover: var(--color-gray-50);
|
|
117
116
|
--color-bg-primary_on-accent-subtle: var(--color-blue-25);
|
|
118
117
|
--color-bg-primary_alt: var(--color-white);
|
|
119
118
|
--color-bg-primary-static: var(--color-gray-950);
|
|
120
|
-
|
|
119
|
+
|
|
121
120
|
--color-bg-secondary: var(--color-gray-50);
|
|
122
121
|
--color-bg-secondary_hover: var(--color-gray-100);
|
|
123
122
|
--color-bg-secondary_alt: var(--color-gray-50);
|
|
124
123
|
--color-bg-secondary-static: var(--color-gray-600);
|
|
125
|
-
|
|
124
|
+
|
|
126
125
|
--color-bg-tertiary: var(--color-gray-100);
|
|
127
126
|
--color-bg-tertiary-hover: var(--color-gray-200);
|
|
128
|
-
|
|
127
|
+
|
|
129
128
|
--color-bg-accent-subtlest: var(--color-blue-25);
|
|
130
129
|
--color-bg-accent-subtlest-hover: var(--color-blue-50);
|
|
131
|
-
|
|
130
|
+
|
|
132
131
|
--color-bg-accent-subtle: var(--color-blue-50);
|
|
133
132
|
--color-bg-accent-subtle-hover: var(--color-blue-25);
|
|
134
133
|
--color-bg-accent-subtle_alt: var(--color-blue-50);
|
|
135
|
-
|
|
134
|
+
|
|
136
135
|
--color-bg-accent-strong: var(--color-blue-800);
|
|
137
136
|
--color-bg-accent-strong-hover: var(--color-blue-700);
|
|
138
|
-
|
|
137
|
+
|
|
139
138
|
--color-bg-accent-strongest: var(--color-yellow-200);
|
|
140
139
|
--color-bg-accent-strongest_hover: var(--color-yellow-100);
|
|
141
|
-
|
|
140
|
+
|
|
142
141
|
--color-bg-accent-strongest-alt: var(--color-blue-600);
|
|
143
142
|
--color-bg-accent-strongest-alt_hover: var(--color-blue-700);
|
|
144
143
|
--color-bg-accent-strongest-alt_on-subtle: var(--color-blue-600);
|
|
145
144
|
--color-bg-accent-strongest-alt_on-strong: var(--color-blue-600);
|
|
146
145
|
--color-bg-accent-strongest-alt_on-strongest: var(--color-blue-600);
|
|
147
|
-
|
|
146
|
+
|
|
148
147
|
--color-bg-accent-strong-primary-alt: var(--color-yellow-300);
|
|
149
148
|
--color-bg-accent-strong-primary-alt-hover: var(--color-blue-600);
|
|
150
|
-
|
|
149
|
+
|
|
151
150
|
--color-bg-error-primary: var(--color-red-50);
|
|
152
151
|
--color-bg-error-secondary: var(--color-red-100);
|
|
153
152
|
--color-bg-error-solid: var(--color-red-600);
|
|
@@ -158,10 +157,10 @@
|
|
|
158
157
|
--color-bg-success-primary: var(--color-green-50);
|
|
159
158
|
--color-bg-success-secondary: var(--color-green-100);
|
|
160
159
|
--color-bg-success-solid: var(--color-green-600);
|
|
161
|
-
|
|
160
|
+
|
|
162
161
|
--color-focus-ring: var(--color-blue-500);
|
|
163
162
|
--color-focus-ring-error: var(--color-blue-500);
|
|
164
|
-
|
|
163
|
+
|
|
165
164
|
--color-shadow-xs: rgba(0, 0, 0, 0.05);
|
|
166
165
|
--color-shadow-sm_01: rgba(0, 0, 0, 0.1);
|
|
167
166
|
--color-shadow-sm_02: rgba(0, 0, 0, 0.1);
|
|
@@ -194,8 +193,8 @@
|
|
|
194
193
|
|
|
195
194
|
/* TYPOGRAPHY */
|
|
196
195
|
/* Font family */
|
|
197
|
-
--font-family-display:
|
|
198
|
-
--font-family-body:
|
|
196
|
+
--font-family-display: 'Roboto', sans-serif;
|
|
197
|
+
--font-family-body: 'Roboto', sans-serif;
|
|
199
198
|
--default-font-family: var(--font-family-body);
|
|
200
199
|
}
|
|
201
200
|
|
|
@@ -227,7 +226,9 @@
|
|
|
227
226
|
--color-text-accent-secondary_hover: var(--color-gray-200);
|
|
228
227
|
--color-text-accent-secondary_on-accent-subtle: var(--color-blue-400);
|
|
229
228
|
--color-text-accent-secondary_on-accent-strong: var(--color-blue-400);
|
|
230
|
-
--color-text-accent-secondary_on-accent-strongest: var(
|
|
229
|
+
--color-text-accent-secondary_on-accent-strongest: var(
|
|
230
|
+
--color-blue-400
|
|
231
|
+
);
|
|
231
232
|
--color-text-accent-tertiary: var(--color-gray-500);
|
|
232
233
|
--color-text-accent-tertiary_on-hover: var(--color-gray-500);
|
|
233
234
|
--color-text-accent-tertiary_on-accent-subtle: var(--color-gray-500);
|
|
@@ -344,4 +345,4 @@
|
|
|
344
345
|
--color-shadow-skeumorphic-inner: rgba(0, 0, 0, 0.05);
|
|
345
346
|
--color-shadow-skeumorphic-inner-border: rgba(0, 0, 0, 0.18);
|
|
346
347
|
}
|
|
347
|
-
}
|
|
348
|
+
}
|