Skip to content

Commit

Permalink
refactor: change coolGray with blueGray
Browse files Browse the repository at this point in the history
  • Loading branch information
@einazare
einazare committed Mar 19, 2021
1 parent 451f971 commit 3b9ac00
Showing 1 changed file with 66 additions and 66 deletions.
132 changes: 66 additions & 66 deletions styles/tailwind.css
View file
Original file line number Diff line number Diff line change
Expand Up @@ -1344,39 +1344,39 @@ select {
background-color: rgba(228, 228, 231, var(--tw-bg-opacity));
}

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

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

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

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

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

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

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

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

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

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

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

.bg-none {
Expand Down Expand Up @@ -1471,34 +1471,34 @@ select {
border-color: rgba(212, 212, 216, var(--tw-border-opacity));
}

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

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

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

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

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

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

.focus\:border-black:focus {
Expand Down Expand Up @@ -2891,19 +2891,19 @@ select {
padding-bottom: 16rem;
}

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

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

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

.pointer-events-none {
Expand Down Expand Up @@ -3255,69 +3255,69 @@ select {
color: rgba(24, 24, 27, var(--tw-text-opacity));
}

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

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

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

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

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

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

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

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

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

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

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

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

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

.truncate {
Expand Down Expand Up @@ -4098,14 +4098,14 @@ select {
color: rgba(255, 255, 255, var(--tw-text-opacity));
}

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

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

.lg\:w-auto {
Expand Down

0 comments on commit 3b9ac00

Please sign in to comment.