Skip to content

Commit 88e8d08

Browse files
akushnirukakhlopiachyi
akushniruk
authored and
akhlopiachyi
committed
Fix: rename variables to rgb
1 parent 9e4ebdf commit 88e8d08

File tree

62 files changed

+628
-629
lines changed

Some content is hidden

Large Commits have some content hidden by default. Use the searchbox below for content that may be hidden.

62 files changed

+628
-629
lines changed

‎src/components/Beneficiaries/Beneficiaries.pcss

+26-26
Original file line numberDiff line numberDiff line change
@@ -1,6 +1,6 @@
11
.pg-beneficiaries {
22
&__title {
3-
color: var(--rgb-primary-text-color);
3+
color: var(--primary-text-color);
44
font-style: normal;
55
font-weight: 500;
66
font-size: 16px;
@@ -19,7 +19,7 @@
1919
transition: .2s;
2020

2121
&__label {
22-
color: var(--rgb-primary-text-color);
22+
color: var(--primary-text-color);
2323
font-style: normal;
2424
font-weight: 500;
2525
font-size: 12px;
@@ -68,7 +68,7 @@
6868

6969
&__text {
7070
align-items: center;
71-
color: var(--rgb-secondary-contrast-cta-color);
71+
color: var(--secondary-contrast-cta-color);
7272
display: flex;
7373
font-size: 14px;
7474
font-style: normal;
@@ -107,15 +107,15 @@
107107
width: 75%;
108108

109109
&__title {
110-
color: var(--rgb-secondary-contrast-cta-color);
110+
color: var(--secondary-contrast-cta-color);
111111
font-style: normal;
112112
font-weight: 500;
113113
font-size: 10px;
114114
line-height: 12px;
115115
}
116116

117117
&__address {
118-
color: var(--rgb-primary-text-color);
118+
color: var(--primary-text-color);
119119
font-size: 13px;
120120
font-style: normal;
121121
font-weight: 500;
@@ -144,14 +144,14 @@
144144
&:hover {
145145
svg {
146146
path {
147-
fill: var(--rgb-primary-cta-color);
147+
fill: var(--primary-cta-color);
148148
}
149149
}
150150
}
151151
}
152152

153153
&__select {
154-
color: var(--rgb-secondary-contrast-cta-color);
154+
color: var(--secondary-contrast-cta-color);
155155
font-style: normal;
156156
font-weight: normal;
157157
font-size: 12px;
@@ -184,7 +184,7 @@
184184
}
185185

186186
&__tip, .tip {
187-
background: var(--rgb-body-background-color);
187+
background: var(--body-background-color);
188188
border-radius: 4px;
189189
box-shadow: 0px 8px 25px var(--shadow-color-level-3);
190190
display: flex;
@@ -211,15 +211,15 @@
211211
}
212212

213213
&__label {
214-
color: var(--rgb-secondary-contrast-cta-color);
214+
color: var(--secondary-contrast-cta-color);
215215
font-size: 10px;
216216
font-style: normal;
217217
font-weight: 500;
218218
line-height: 12px;
219219
}
220220

221221
&__value {
222-
color: var(--rgb-primary-text-color);
222+
color: var(--primary-text-color);
223223
font-size: 12px;
224224
font-style: normal;
225225
font-weight: 500;
@@ -240,23 +240,23 @@
240240
&--open {
241241
border-bottom-left-radius: 0;
242242
border-bottom-right-radius: 0;
243-
background: var(--rgb-primary-cta-color);
243+
background: var(--primary-cta-color);
244244

245245
.select__left {
246246
&__title {
247-
color: var(--rgb-cta-layer-color);
247+
color: var(--cta-layer-color);
248248
}
249249
}
250250

251251
.select__right {
252252
&__tip {
253253
svg path {
254-
fill: var(--rgb-cta-layer-color);
254+
fill: var(--cta-layer-color);
255255
}
256256
}
257257

258258
&__select {
259-
color: var(--rgb-cta-layer-color);
259+
color: var(--cta-layer-color);
260260
}
261261

262262
&__chevron {
@@ -267,7 +267,7 @@
267267

268268
&__body {
269269
align-items: center;
270-
background-color: var(--rgb-dropdown-background-color);
270+
background-color: var(--dropdown-background-color);
271271
border-bottom-left-radius: 4px;
272272
border-bottom-right-radius: 4px;
273273
display: flex;
@@ -296,15 +296,15 @@
296296
width: 75%;
297297

298298
&__title {
299-
color: var(--rgb-secondary-contrast-cta-color);
299+
color: var(--secondary-contrast-cta-color);
300300
font-style: normal;
301301
font-weight: 500;
302302
font-size: 10px;
303303
line-height: 12px;
304304
}
305305

306306
&__address {
307-
color: var(--rgb-primary-text-color);
307+
color: var(--primary-text-color);
308308
font-size: 13px;
309309
font-style: normal;
310310
font-weight: 500;
@@ -334,7 +334,7 @@
334334
&:hover {
335335
svg {
336336
path {
337-
fill: var(--rgb-primary-cta-color);
337+
fill: var(--primary-cta-color);
338338
}
339339
}
340340
}
@@ -348,7 +348,7 @@
348348

349349
&__add, .add {
350350
align-items: center;
351-
background-color: var(--rgb-dropdown-background-color);
351+
background-color: var(--dropdown-background-color);
352352
border-top: 1px solid var(--wallets-item-border);
353353
border-bottom-left-radius: 4px;
354354
border-bottom-right-radius: 4px;
@@ -361,7 +361,7 @@
361361
width: 100%;
362362

363363
&__label {
364-
color: var(--rgb-primary-text-color);
364+
color: var(--primary-text-color);
365365
font-style: normal;
366366
font-weight: 500;
367367
font-size: 12px;
@@ -394,18 +394,18 @@
394394
}
395395

396396
.cr-email-form {
397-
background: var(--rgb-body-background-color);
397+
background: var(--body-background-color);
398398
box-shadow: 0px 8px 25px var(--shadow-color-level-3);
399399
border-bottom-left-radius: 3px;
400400
border-bottom-right-radius: 3px;
401401

402402
&__option {
403-
background: var(--rgb-subheader-background-color);
403+
background: var(--subheader-background-color);
404404
border-top-left-radius: 3px;
405405
border-top-right-radius: 3px;
406406

407407
&-inner {
408-
color: var(--rgb-primary-text-color);
408+
color: var(--primary-text-color);
409409
font-size: 16px;
410410
font-style: normal;
411411
font-weight: normal;
@@ -419,7 +419,7 @@
419419
}
420420

421421
&__label {
422-
background: var(--rgb-input-background-color);
422+
background: var(--input-background-color);
423423
}
424424

425425
&__input {
@@ -438,7 +438,7 @@
438438
}
439439

440440
input {
441-
background: var(--rgb-input-background-color);
441+
background: var(--input-background-color);
442442
border: 1px solid var(--input-border-color-active) !important;
443443
}
444444
}
@@ -475,7 +475,7 @@
475475

476476
&__info {
477477
align-items: center;
478-
color: var(--rgb-primary-text-color);
478+
color: var(--primary-text-color);
479479
font-weight: normal;
480480
font-size: 14px;
481481
position: absolute;

‎src/components/CombinedOrderBook/CombinedOrderBook.pcss

+2-2
Original file line numberDiff line numberDiff line change
@@ -42,11 +42,11 @@
4242
}
4343

4444
&-negative {
45-
color: var(--rgb-asks);
45+
color: var(--asks);
4646
}
4747

4848
&-positive {
49-
color: var(--rgb-bids);
49+
color: var(--bids);
5050
}
5151
}
5252

‎src/components/CopyableTextField/CopyableTextField.pcss

+3-3
Original file line numberDiff line numberDiff line change
@@ -1,6 +1,6 @@
11
.cr-copyable-text-field {
22
border: none;
3-
background: var(--rgb-input-background-color);
3+
background: var(--input-background-color);
44
display: flex;
55
justify-content: space-between;
66
align-items: center;
@@ -22,7 +22,7 @@
2222
flex-direction: row;
2323
flex: 1;
2424
color: var(--input-text-color);
25-
background: var(--rgb-input-background-color);
25+
background: var(--input-background-color);
2626
background: inherit;
2727
padding: calc(var(--gap) * 1.67) calc(var(--gap) * 0.83) calc(var(--gap) * 0.83) var(--gap) !important;
2828

@@ -41,7 +41,7 @@
4141
border-radius: 0;
4242
border-style: none;
4343
color: var(--input-text-color);
44-
background: var(--rgb-input-background-color);
44+
background: var(--input-background-color);
4545
outline: none;
4646
}
4747
}

‎src/components/CurrencyInfo/CurrencyInfo.pcss

+1-1
Original file line numberDiff line numberDiff line change
@@ -17,7 +17,7 @@
1717
.cr-wallet-item {
1818
&__icon-code {
1919
font-size: calc(var(--gap) * 8);
20-
color: var(--rgb-primary-text-color);
20+
color: var(--primary-text-color);
2121
background: transparent;
2222
}
2323
&__amount-locked {

‎src/components/CustomInput/CustomInput.pcss

+3-3
Original file line numberDiff line numberDiff line change
@@ -7,7 +7,7 @@
77
position: absolute;
88
top: 0;
99
z-index: 5;
10-
background: var(--rgb-input-background-color);
10+
background: var(--input-background-color);
1111
left: 5%;
1212
font-size: calc(var(--gap) * 2);
1313
padding: 0 calc(var(--gap) * 0.7);
@@ -16,7 +16,7 @@
1616

1717
input,
1818
input:focus {
19-
background: var(--rgb-input-background-color) !important;
19+
background: var(--input-background-color) !important;
2020
color: var(--input-text-color);
2121
box-shadow: none;
2222
}
@@ -34,7 +34,7 @@
3434
input:-webkit-autofill:focus {
3535
border: 1px solid var(--input-border-color);
3636
-webkit-text-fill-color: var(--input-text-color);
37-
-webkit-box-shadow: 0 0 0px 1000px var(--rgb-input-background-color) inset;
37+
-webkit-box-shadow: 0 0 0px 1000px var(--input-background-color) inset;
3838
transition: background-color 5000s ease-in-out 0s;
3939
}
4040
}

‎src/components/DepositCrypto/DepositCrypto.pcss

+2-2
Original file line numberDiff line numberDiff line change
@@ -68,7 +68,7 @@
6868

6969
input {
7070
background: unset;
71-
color: var(--rgb-input-background-color);
71+
color: var(--input-background-color);
7272
}
7373
}
7474
}
@@ -83,7 +83,7 @@
8383
margin-left: calc(var(--gap) * 3);
8484

8585
svg {
86-
border: 1px solid var(--rgb-primary-text-color);
86+
border: 1px solid var(--primary-text-color);
8787
}
8888
}
8989
}

‎src/components/Dropdown/Dropdown.pcss

+3-3
Original file line numberDiff line numberDiff line change
@@ -1,6 +1,6 @@
11
.cr-dropdown {
22
outline: none;
3-
background-color: var(--rgb-input-background-color);
3+
background-color: var(--input-background-color);
44
position: relative;
55

66
.show>.btn-primary.dropdown-toggle {
@@ -14,7 +14,7 @@
1414

1515
&-toggle {
1616
width: 100%;
17-
background: var(--rgb-input-background-color) !important;
17+
background: var(--input-background-color) !important;
1818
border: 1px solid var(--input-border-color);
1919
height: calc(var(--gap) * 8.3);
2020
text-align: left;
@@ -32,7 +32,7 @@
3232

3333
&-menu {
3434
width: 100%;
35-
background: var(--rgb-dropdown-background-color);
35+
background: var(--dropdown-background-color);
3636
padding: 0;
3737
}
3838

‎src/components/EmailForm/EmailForm.pcss

+6-6
Original file line numberDiff line numberDiff line change
@@ -1,5 +1,5 @@
11
.cr-email-form {
2-
background: var(--rgb-body-background-color);
2+
background: var(--body-background-color);
33
max-width: 424px;
44
min-height: 350px;
55
box-shadow: 0 10px 15px var(--shadow-color-level-2);
@@ -13,7 +13,7 @@
1313
}
1414

1515
&__option {
16-
background: var(--rgb-subheader-background-color);
16+
background: var(--subheader-background-color);
1717
display: inline-block;
1818
width: 100%;
1919
height: 58px;
@@ -31,7 +31,7 @@
3131
font-weight: 500;
3232
font-size: 14px;
3333
letter-spacing: 0.0357143em;
34-
color: var(--rgb-primary-text-color);
34+
color: var(--primary-text-color);
3535
}
3636

3737
&__form-content {
@@ -48,7 +48,7 @@
4848
}
4949

5050
&__error-message {
51-
color: var(--rgb-system-red);
51+
color: var(--system-red);
5252
font-size: calc(var(--gap) * 2.5);
5353
flex: 1;
5454
display: flex;
@@ -67,7 +67,7 @@
6767
&__error {
6868
background: transparent;
6969
margin-top: 5px;
70-
color: var(--rgb-system-red);
70+
color: var(--system-red);
7171
}
7272

7373
&__label {
@@ -76,7 +76,7 @@
7676
left: 10px;
7777
padding: 2px 6px;
7878
border-radius: 2px;
79-
background: var(--rgb-input-background-color);
79+
background: var(--input-background-color);
8080
color: var(--input-legend-color);
8181
}
8282

‎src/components/ExpiredSessionModal/ExpiredSessionModal.pcss

+1-1
Original file line numberDiff line numberDiff line change
@@ -32,7 +32,7 @@
3232

3333
&::before,
3434
&::after {
35-
background: var(--rgb-secondary-contrast-cta-color);
35+
background: var(--secondary-contrast-cta-color);
3636
content: '';
3737
height: 2px;
3838
left: 0;

0 commit comments

Comments
 (0)