Skip to content

Commit 3b9ac00

Browse files
einazareeinazare
committed
refactor: change coolGray with blueGray
1 parent 451f971 commit 3b9ac00

1 file changed

Lines changed: 66 additions & 66 deletions

File tree

‎styles/tailwind.css‎

Lines changed: 66 additions & 66 deletions
Original file line numberDiff line numberDiff line change
@@ -1344,39 +1344,39 @@ select {
13441344
background-color: rgba(228, 228, 231, var(--tw-bg-opacity));
13451345
}
13461346

1347-
.bg-coolGray-50 {
1347+
.bg-blueGray-50 {
13481348
--tw-bg-opacity: 1;
1349-
background-color: rgba(249, 250, 251, var(--tw-bg-opacity));
1349+
background-color: rgba(248, 250, 252, var(--tw-bg-opacity));
13501350
}
13511351

1352-
.bg-coolGray-100 {
1352+
.bg-blueGray-100 {
13531353
--tw-bg-opacity: 1;
1354-
background-color: rgba(243, 244, 246, var(--tw-bg-opacity));
1354+
background-color: rgba(241, 245, 249, var(--tw-bg-opacity));
13551355
}
13561356

1357-
.bg-coolGray-200 {
1357+
.bg-blueGray-200 {
13581358
--tw-bg-opacity: 1;
1359-
background-color: rgba(229, 231, 235, var(--tw-bg-opacity));
1359+
background-color: rgba(226, 232, 240, var(--tw-bg-opacity));
13601360
}
13611361

1362-
.bg-coolGray-400 {
1362+
.bg-blueGray-400 {
13631363
--tw-bg-opacity: 1;
1364-
background-color: rgba(156, 163, 175, var(--tw-bg-opacity));
1364+
background-color: rgba(148, 163, 184, var(--tw-bg-opacity));
13651365
}
13661366

1367-
.bg-coolGray-600 {
1367+
.bg-blueGray-600 {
13681368
--tw-bg-opacity: 1;
1369-
background-color: rgba(75, 85, 99, var(--tw-bg-opacity));
1369+
background-color: rgba(71, 85, 105, var(--tw-bg-opacity));
13701370
}
13711371

1372-
.bg-coolGray-700 {
1372+
.bg-blueGray-700 {
13731373
--tw-bg-opacity: 1;
1374-
background-color: rgba(55, 65, 81, var(--tw-bg-opacity));
1374+
background-color: rgba(51, 65, 85, var(--tw-bg-opacity));
13751375
}
13761376

1377-
.bg-coolGray-800 {
1377+
.bg-blueGray-800 {
13781378
--tw-bg-opacity: 1;
1379-
background-color: rgba(31, 41, 55, var(--tw-bg-opacity));
1379+
background-color: rgba(30, 41, 59, var(--tw-bg-opacity));
13801380
}
13811381

13821382
.focus\:bg-white:focus {
@@ -1394,19 +1394,19 @@ select {
13941394
background-color: rgba(79, 70, 229, var(--tw-bg-opacity));
13951395
}
13961396

1397-
.active\:bg-coolGray-50:active {
1397+
.active\:bg-blueGray-50:active {
13981398
--tw-bg-opacity: 1;
1399-
background-color: rgba(249, 250, 251, var(--tw-bg-opacity));
1399+
background-color: rgba(248, 250, 252, var(--tw-bg-opacity));
14001400
}
14011401

1402-
.active\:bg-coolGray-500:active {
1402+
.active\:bg-blueGray-500:active {
14031403
--tw-bg-opacity: 1;
1404-
background-color: rgba(107, 114, 128, var(--tw-bg-opacity));
1404+
background-color: rgba(100, 116, 139, var(--tw-bg-opacity));
14051405
}
14061406

1407-
.active\:bg-coolGray-600:active {
1407+
.active\:bg-blueGray-600:active {
14081408
--tw-bg-opacity: 1;
1409-
background-color: rgba(75, 85, 99, var(--tw-bg-opacity));
1409+
background-color: rgba(71, 85, 105, var(--tw-bg-opacity));
14101410
}
14111411

14121412
.bg-none {
@@ -1471,34 +1471,34 @@ select {
14711471
border-color: rgba(212, 212, 216, var(--tw-border-opacity));
14721472
}
14731473

1474-
.border-coolGray-50 {
1474+
.border-blueGray-50 {
14751475
--tw-border-opacity: 1;
1476-
border-color: rgba(249, 250, 251, var(--tw-border-opacity));
1476+
border-color: rgba(248, 250, 252, var(--tw-border-opacity));
14771477
}
14781478

1479-
.border-coolGray-100 {
1479+
.border-blueGray-100 {
14801480
--tw-border-opacity: 1;
1481-
border-color: rgba(243, 244, 246, var(--tw-border-opacity));
1481+
border-color: rgba(241, 245, 249, var(--tw-border-opacity));
14821482
}
14831483

1484-
.border-coolGray-200 {
1484+
.border-blueGray-200 {
14851485
--tw-border-opacity: 1;
1486-
border-color: rgba(229, 231, 235, var(--tw-border-opacity));
1486+
border-color: rgba(226, 232, 240, var(--tw-border-opacity));
14871487
}
14881488

1489-
.border-coolGray-300 {
1489+
.border-blueGray-300 {
14901490
--tw-border-opacity: 1;
1491-
border-color: rgba(209, 213, 219, var(--tw-border-opacity));
1491+
border-color: rgba(203, 213, 225, var(--tw-border-opacity));
14921492
}
14931493

1494-
.border-coolGray-500 {
1494+
.border-blueGray-500 {
14951495
--tw-border-opacity: 1;
1496-
border-color: rgba(107, 114, 128, var(--tw-border-opacity));
1496+
border-color: rgba(100, 116, 139, var(--tw-border-opacity));
14971497
}
14981498

1499-
.border-coolGray-600 {
1499+
.border-blueGray-600 {
15001500
--tw-border-opacity: 1;
1501-
border-color: rgba(75, 85, 99, var(--tw-border-opacity));
1501+
border-color: rgba(71, 85, 105, var(--tw-border-opacity));
15021502
}
15031503

15041504
.focus\:border-black:focus {
@@ -2891,19 +2891,19 @@ select {
28912891
padding-bottom: 16rem;
28922892
}
28932893

2894-
.placeholder-coolGray-300::-webkit-input-placeholder {
2894+
.placeholder-blueGray-300::-webkit-input-placeholder {
28952895
--tw-placeholder-opacity: 1;
2896-
color: rgba(209, 213, 219, var(--tw-placeholder-opacity));
2896+
color: rgba(203, 213, 225, var(--tw-placeholder-opacity));
28972897
}
28982898

2899-
.placeholder-coolGray-300:-ms-input-placeholder {
2899+
.placeholder-blueGray-300:-ms-input-placeholder {
29002900
--tw-placeholder-opacity: 1;
2901-
color: rgba(209, 213, 219, var(--tw-placeholder-opacity));
2901+
color: rgba(203, 213, 225, var(--tw-placeholder-opacity));
29022902
}
29032903

2904-
.placeholder-coolGray-300::placeholder {
2904+
.placeholder-blueGray-300::placeholder {
29052905
--tw-placeholder-opacity: 1;
2906-
color: rgba(209, 213, 219, var(--tw-placeholder-opacity));
2906+
color: rgba(203, 213, 225, var(--tw-placeholder-opacity));
29072907
}
29082908

29092909
.pointer-events-none {
@@ -3255,69 +3255,69 @@ select {
32553255
color: rgba(24, 24, 27, var(--tw-text-opacity));
32563256
}
32573257

3258-
.text-coolGray-100 {
3258+
.text-blueGray-100 {
32593259
--tw-text-opacity: 1;
3260-
color: rgba(243, 244, 246, var(--tw-text-opacity));
3260+
color: rgba(241, 245, 249, var(--tw-text-opacity));
32613261
}
32623262

3263-
.text-coolGray-200 {
3263+
.text-blueGray-200 {
32643264
--tw-text-opacity: 1;
3265-
color: rgba(229, 231, 235, var(--tw-text-opacity));
3265+
color: rgba(226, 232, 240, var(--tw-text-opacity));
32663266
}
32673267

3268-
.text-coolGray-300 {
3268+
.text-blueGray-300 {
32693269
--tw-text-opacity: 1;
3270-
color: rgba(209, 213, 219, var(--tw-text-opacity));
3270+
color: rgba(203, 213, 225, var(--tw-text-opacity));
32713271
}
32723272

3273-
.text-coolGray-400 {
3273+
.text-blueGray-400 {
32743274
--tw-text-opacity: 1;
3275-
color: rgba(156, 163, 175, var(--tw-text-opacity));
3275+
color: rgba(148, 163, 184, var(--tw-text-opacity));
32763276
}
32773277

3278-
.text-coolGray-500 {
3278+
.text-blueGray-500 {
32793279
--tw-text-opacity: 1;
3280-
color: rgba(107, 114, 128, var(--tw-text-opacity));
3280+
color: rgba(100, 116, 139, var(--tw-text-opacity));
32813281
}
32823282

3283-
.text-coolGray-600 {
3283+
.text-blueGray-600 {
32843284
--tw-text-opacity: 1;
3285-
color: rgba(75, 85, 99, var(--tw-text-opacity));
3285+
color: rgba(71, 85, 105, var(--tw-text-opacity));
32863286
}
32873287

3288-
.text-coolGray-700 {
3288+
.text-blueGray-700 {
32893289
--tw-text-opacity: 1;
3290-
color: rgba(55, 65, 81, var(--tw-text-opacity));
3290+
color: rgba(51, 65, 85, var(--tw-text-opacity));
32913291
}
32923292

3293-
.text-coolGray-800 {
3293+
.text-blueGray-800 {
32943294
--tw-text-opacity: 1;
3295-
color: rgba(31, 41, 55, var(--tw-text-opacity));
3295+
color: rgba(30, 41, 59, var(--tw-text-opacity));
32963296
}
32973297

32983298
.hover\:text-lightBlue-600:hover {
32993299
--tw-text-opacity: 1;
33003300
color: rgba(2, 132, 199, var(--tw-text-opacity));
33013301
}
33023302

3303-
.hover\:text-coolGray-300:hover {
3303+
.hover\:text-blueGray-300:hover {
33043304
--tw-text-opacity: 1;
3305-
color: rgba(209, 213, 219, var(--tw-text-opacity));
3305+
color: rgba(203, 213, 225, var(--tw-text-opacity));
33063306
}
33073307

3308-
.hover\:text-coolGray-500:hover {
3308+
.hover\:text-blueGray-500:hover {
33093309
--tw-text-opacity: 1;
3310-
color: rgba(107, 114, 128, var(--tw-text-opacity));
3310+
color: rgba(100, 116, 139, var(--tw-text-opacity));
33113311
}
33123312

3313-
.hover\:text-coolGray-700:hover {
3313+
.hover\:text-blueGray-700:hover {
33143314
--tw-text-opacity: 1;
3315-
color: rgba(55, 65, 81, var(--tw-text-opacity));
3315+
color: rgba(51, 65, 85, var(--tw-text-opacity));
33163316
}
33173317

3318-
.hover\:text-coolGray-800:hover {
3318+
.hover\:text-blueGray-800:hover {
33193319
--tw-text-opacity: 1;
3320-
color: rgba(31, 41, 55, var(--tw-text-opacity));
3320+
color: rgba(30, 41, 59, var(--tw-text-opacity));
33213321
}
33223322

33233323
.truncate {
@@ -4098,14 +4098,14 @@ select {
40984098
color: rgba(255, 255, 255, var(--tw-text-opacity));
40994099
}
41004100

4101-
.lg\:text-coolGray-200 {
4101+
.lg\:text-blueGray-200 {
41024102
--tw-text-opacity: 1;
4103-
color: rgba(229, 231, 235, var(--tw-text-opacity));
4103+
color: rgba(226, 232, 240, var(--tw-text-opacity));
41044104
}
41054105

4106-
.lg\:hover\:text-coolGray-200:hover {
4106+
.lg\:hover\:text-blueGray-200:hover {
41074107
--tw-text-opacity: 1;
4108-
color: rgba(229, 231, 235, var(--tw-text-opacity));
4108+
color: rgba(226, 232, 240, var(--tw-text-opacity));
41094109
}
41104110

41114111
.lg\:w-auto {

0 commit comments

Comments
 (0)