Skip to content

Commit afd58dd

Browse files
einazareeinazare
committed
refactor: change coolGray with blueGray
1 parent a9cfcbe commit afd58dd

File tree

1 file changed

+60
-60
lines changed

1 file changed

+60
-60
lines changed

‎src/assets/styles/tailwind.css‎

Lines changed: 60 additions & 60 deletions
Original file line numberDiff line numberDiff line change
@@ -1352,34 +1352,34 @@ select {
13521352
background-color: rgba(228, 228, 231, var(--tw-bg-opacity));
13531353
}
13541354

1355-
.bg-coolGray-50 {
1355+
.bg-blueGray-50 {
13561356
--tw-bg-opacity: 1;
1357-
background-color: rgba(249, 250, 251, var(--tw-bg-opacity));
1357+
background-color: rgba(248, 250, 252, var(--tw-bg-opacity));
13581358
}
13591359

1360-
.bg-coolGray-100 {
1360+
.bg-blueGray-100 {
13611361
--tw-bg-opacity: 1;
1362-
background-color: rgba(243, 244, 246, var(--tw-bg-opacity));
1362+
background-color: rgba(241, 245, 249, var(--tw-bg-opacity));
13631363
}
13641364

1365-
.bg-coolGray-200 {
1365+
.bg-blueGray-200 {
13661366
--tw-bg-opacity: 1;
1367-
background-color: rgba(229, 231, 235, var(--tw-bg-opacity));
1367+
background-color: rgba(226, 232, 240, var(--tw-bg-opacity));
13681368
}
13691369

1370-
.bg-coolGray-600 {
1370+
.bg-blueGray-600 {
13711371
--tw-bg-opacity: 1;
1372-
background-color: rgba(75, 85, 99, var(--tw-bg-opacity));
1372+
background-color: rgba(71, 85, 105, var(--tw-bg-opacity));
13731373
}
13741374

1375-
.bg-coolGray-700 {
1375+
.bg-blueGray-700 {
13761376
--tw-bg-opacity: 1;
1377-
background-color: rgba(55, 65, 81, var(--tw-bg-opacity));
1377+
background-color: rgba(51, 65, 85, var(--tw-bg-opacity));
13781378
}
13791379

1380-
.bg-coolGray-800 {
1380+
.bg-blueGray-800 {
13811381
--tw-bg-opacity: 1;
1382-
background-color: rgba(31, 41, 55, var(--tw-bg-opacity));
1382+
background-color: rgba(30, 41, 59, var(--tw-bg-opacity));
13831383
}
13841384

13851385
.focus\:bg-white:focus {
@@ -1402,14 +1402,14 @@ select {
14021402
background-color: rgba(185, 28, 28, var(--tw-bg-opacity));
14031403
}
14041404

1405-
.active\:bg-coolGray-50:active {
1405+
.active\:bg-blueGray-50:active {
14061406
--tw-bg-opacity: 1;
1407-
background-color: rgba(249, 250, 251, var(--tw-bg-opacity));
1407+
background-color: rgba(248, 250, 252, var(--tw-bg-opacity));
14081408
}
14091409

1410-
.active\:bg-coolGray-600:active {
1410+
.active\:bg-blueGray-600:active {
14111411
--tw-bg-opacity: 1;
1412-
background-color: rgba(75, 85, 99, var(--tw-bg-opacity));
1412+
background-color: rgba(71, 85, 105, var(--tw-bg-opacity));
14131413
}
14141414

14151415
.bg-center {
@@ -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 {
@@ -2839,14 +2839,14 @@ select {
28392839
padding-bottom: 16rem;
28402840
}
28412841

2842-
.placeholder-coolGray-300::-moz-placeholder {
2842+
.placeholder-blueGray-300::-moz-placeholder {
28432843
--tw-placeholder-opacity: 1;
2844-
color: rgba(209, 213, 219, var(--tw-placeholder-opacity));
2844+
color: rgba(203, 213, 225, var(--tw-placeholder-opacity));
28452845
}
28462846

2847-
.placeholder-coolGray-300::placeholder {
2847+
.placeholder-blueGray-300::placeholder {
28482848
--tw-placeholder-opacity: 1;
2849-
color: rgba(209, 213, 219, var(--tw-placeholder-opacity));
2849+
color: rgba(203, 213, 225, var(--tw-placeholder-opacity));
28502850
}
28512851

28522852
.pointer-events-none {
@@ -3206,69 +3206,69 @@ select {
32063206
color: rgba(24, 24, 27, var(--tw-text-opacity));
32073207
}
32083208

3209-
.text-coolGray-100 {
3209+
.text-blueGray-100 {
32103210
--tw-text-opacity: 1;
3211-
color: rgba(243, 244, 246, var(--tw-text-opacity));
3211+
color: rgba(241, 245, 249, var(--tw-text-opacity));
32123212
}
32133213

3214-
.text-coolGray-200 {
3214+
.text-blueGray-200 {
32153215
--tw-text-opacity: 1;
3216-
color: rgba(229, 231, 235, var(--tw-text-opacity));
3216+
color: rgba(226, 232, 240, var(--tw-text-opacity));
32173217
}
32183218

3219-
.text-coolGray-300 {
3219+
.text-blueGray-300 {
32203220
--tw-text-opacity: 1;
3221-
color: rgba(209, 213, 219, var(--tw-text-opacity));
3221+
color: rgba(203, 213, 225, var(--tw-text-opacity));
32223222
}
32233223

3224-
.text-coolGray-400 {
3224+
.text-blueGray-400 {
32253225
--tw-text-opacity: 1;
3226-
color: rgba(156, 163, 175, var(--tw-text-opacity));
3226+
color: rgba(148, 163, 184, var(--tw-text-opacity));
32273227
}
32283228

3229-
.text-coolGray-500 {
3229+
.text-blueGray-500 {
32303230
--tw-text-opacity: 1;
3231-
color: rgba(107, 114, 128, var(--tw-text-opacity));
3231+
color: rgba(100, 116, 139, var(--tw-text-opacity));
32323232
}
32333233

3234-
.text-coolGray-600 {
3234+
.text-blueGray-600 {
32353235
--tw-text-opacity: 1;
3236-
color: rgba(75, 85, 99, var(--tw-text-opacity));
3236+
color: rgba(71, 85, 105, var(--tw-text-opacity));
32373237
}
32383238

3239-
.text-coolGray-700 {
3239+
.text-blueGray-700 {
32403240
--tw-text-opacity: 1;
3241-
color: rgba(55, 65, 81, var(--tw-text-opacity));
3241+
color: rgba(51, 65, 85, var(--tw-text-opacity));
32423242
}
32433243

3244-
.text-coolGray-800 {
3244+
.text-blueGray-800 {
32453245
--tw-text-opacity: 1;
3246-
color: rgba(31, 41, 55, var(--tw-text-opacity));
3246+
color: rgba(30, 41, 59, var(--tw-text-opacity));
32473247
}
32483248

32493249
.hover\:text-red-700:hover {
32503250
--tw-text-opacity: 1;
32513251
color: rgba(185, 28, 28, var(--tw-text-opacity));
32523252
}
32533253

3254-
.hover\:text-coolGray-300:hover {
3254+
.hover\:text-blueGray-300:hover {
32553255
--tw-text-opacity: 1;
3256-
color: rgba(209, 213, 219, var(--tw-text-opacity));
3256+
color: rgba(203, 213, 225, var(--tw-text-opacity));
32573257
}
32583258

3259-
.hover\:text-coolGray-500:hover {
3259+
.hover\:text-blueGray-500:hover {
32603260
--tw-text-opacity: 1;
3261-
color: rgba(107, 114, 128, var(--tw-text-opacity));
3261+
color: rgba(100, 116, 139, var(--tw-text-opacity));
32623262
}
32633263

3264-
.hover\:text-coolGray-700:hover {
3264+
.hover\:text-blueGray-700:hover {
32653265
--tw-text-opacity: 1;
3266-
color: rgba(55, 65, 81, var(--tw-text-opacity));
3266+
color: rgba(51, 65, 85, var(--tw-text-opacity));
32673267
}
32683268

3269-
.hover\:text-coolGray-800:hover {
3269+
.hover\:text-blueGray-800:hover {
32703270
--tw-text-opacity: 1;
3271-
color: rgba(31, 41, 55, var(--tw-text-opacity));
3271+
color: rgba(30, 41, 59, var(--tw-text-opacity));
32723272
}
32733273

32743274
.truncate {
@@ -4017,14 +4017,14 @@ select {
40174017
color: rgba(255, 255, 255, var(--tw-text-opacity));
40184018
}
40194019

4020-
.lg\:text-coolGray-200 {
4020+
.lg\:text-blueGray-200 {
40214021
--tw-text-opacity: 1;
4022-
color: rgba(229, 231, 235, var(--tw-text-opacity));
4022+
color: rgba(226, 232, 240, var(--tw-text-opacity));
40234023
}
40244024

4025-
.lg\:hover\:text-coolGray-200:hover {
4025+
.lg\:hover\:text-blueGray-200:hover {
40264026
--tw-text-opacity: 1;
4027-
color: rgba(229, 231, 235, var(--tw-text-opacity));
4027+
color: rgba(226, 232, 240, var(--tw-text-opacity));
40284028
}
40294029

40304030
.lg\:w-auto {

0 commit comments

Comments
 (0)