change colors
This commit is contained in:
@@ -1529,10 +1529,6 @@ select {
|
||||
--tw-bg-opacity: 1;
|
||||
background-color: rgb(239 237 255 / var(--tw-bg-opacity));
|
||||
}
|
||||
.bg-purple-500 {
|
||||
--tw-bg-opacity: 1;
|
||||
background-color: rgb(118 111 166 / var(--tw-bg-opacity));
|
||||
}
|
||||
.bg-purple-700 {
|
||||
--tw-bg-opacity: 1;
|
||||
background-color: rgb(86 74 126 / var(--tw-bg-opacity));
|
||||
@@ -1588,9 +1584,9 @@ select {
|
||||
--tw-gradient-to: rgb(242 240 254 / 0) var(--tw-gradient-to-position);
|
||||
--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
|
||||
}
|
||||
.from-purple-50 {
|
||||
--tw-gradient-from: #efedff var(--tw-gradient-from-position);
|
||||
--tw-gradient-to: rgb(239 237 255 / 0) var(--tw-gradient-to-position);
|
||||
.from-purple-200 {
|
||||
--tw-gradient-from: #c0bcdc var(--tw-gradient-from-position);
|
||||
--tw-gradient-to: rgb(192 188 220 / 0) var(--tw-gradient-to-position);
|
||||
--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
|
||||
}
|
||||
.from-purple-50\/10 {
|
||||
@@ -1618,29 +1614,15 @@ select {
|
||||
--tw-gradient-to: rgb(48 43 75 / 0) var(--tw-gradient-to-position);
|
||||
--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
|
||||
}
|
||||
.from-teal-500 {
|
||||
--tw-gradient-from: #14b8a6 var(--tw-gradient-from-position);
|
||||
--tw-gradient-to: rgb(20 184 166 / 0) var(--tw-gradient-to-position);
|
||||
--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
|
||||
}
|
||||
.from-white {
|
||||
--tw-gradient-from: #fff var(--tw-gradient-from-position);
|
||||
--tw-gradient-to: rgb(255 255 255 / 0) var(--tw-gradient-to-position);
|
||||
--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
|
||||
}
|
||||
.from-purple-200 {
|
||||
--tw-gradient-from: #c0bcdc var(--tw-gradient-from-position);
|
||||
--tw-gradient-to: rgb(192 188 220 / 0) var(--tw-gradient-to-position);
|
||||
--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
|
||||
}
|
||||
.via-\[\#b5b1d7\] {
|
||||
--tw-gradient-to: rgb(181 177 215 / 0) var(--tw-gradient-to-position);
|
||||
--tw-gradient-stops: var(--tw-gradient-from), #b5b1d7 var(--tw-gradient-via-position), var(--tw-gradient-to);
|
||||
}
|
||||
.via-purple-100 {
|
||||
--tw-gradient-to: rgb(242 240 254 / 0) var(--tw-gradient-to-position);
|
||||
--tw-gradient-stops: var(--tw-gradient-from), #f2f0fe var(--tw-gradient-via-position), var(--tw-gradient-to);
|
||||
}
|
||||
.via-purple-900\/40 {
|
||||
--tw-gradient-to: rgb(48 43 75 / 0) var(--tw-gradient-to-position);
|
||||
--tw-gradient-stops: var(--tw-gradient-from), rgb(48 43 75 / 0.4) var(--tw-gradient-via-position), var(--tw-gradient-to);
|
||||
@@ -1649,9 +1631,6 @@ select {
|
||||
--tw-gradient-to: rgb(255 255 255 / 0) var(--tw-gradient-to-position);
|
||||
--tw-gradient-stops: var(--tw-gradient-from), #fff var(--tw-gradient-via-position), var(--tw-gradient-to);
|
||||
}
|
||||
.to-cyan-600 {
|
||||
--tw-gradient-to: #0891b2 var(--tw-gradient-to-position);
|
||||
}
|
||||
.to-purple-100 {
|
||||
--tw-gradient-to: #f2f0fe var(--tw-gradient-to-position);
|
||||
}
|
||||
@@ -1664,8 +1643,8 @@ select {
|
||||
.to-purple-50\/80 {
|
||||
--tw-gradient-to: rgb(239 237 255 / 0.8) var(--tw-gradient-to-position);
|
||||
}
|
||||
.to-purple-500 {
|
||||
--tw-gradient-to: #766fa6 var(--tw-gradient-to-position);
|
||||
.to-purple-600 {
|
||||
--tw-gradient-to: #675d91 var(--tw-gradient-to-position);
|
||||
}
|
||||
.to-white {
|
||||
--tw-gradient-to: #fff var(--tw-gradient-to-position);
|
||||
@@ -1673,9 +1652,6 @@ select {
|
||||
.to-white\/0 {
|
||||
--tw-gradient-to: rgb(255 255 255 / 0) var(--tw-gradient-to-position);
|
||||
}
|
||||
.to-purple-600 {
|
||||
--tw-gradient-to: #675d91 var(--tw-gradient-to-position);
|
||||
}
|
||||
.fill-current {
|
||||
fill: currentColor;
|
||||
}
|
||||
@@ -1718,6 +1694,10 @@ select {
|
||||
.p-6 {
|
||||
padding: 1.5rem;
|
||||
}
|
||||
.px-0 {
|
||||
padding-left: 0px;
|
||||
padding-right: 0px;
|
||||
}
|
||||
.px-10 {
|
||||
padding-left: 2.5rem;
|
||||
padding-right: 2.5rem;
|
||||
@@ -1948,6 +1928,10 @@ select {
|
||||
--tw-text-opacity: 1;
|
||||
color: rgb(8 145 178 / var(--tw-text-opacity));
|
||||
}
|
||||
.text-cyan-700 {
|
||||
--tw-text-opacity: 1;
|
||||
color: rgb(14 116 144 / var(--tw-text-opacity));
|
||||
}
|
||||
.text-gray-300 {
|
||||
--tw-text-opacity: 1;
|
||||
color: rgb(209 213 219 / var(--tw-text-opacity));
|
||||
@@ -2176,110 +2160,231 @@ select {
|
||||
background-image: linear-gradient(43deg, #766fa6 0%, #8684b7 15%, #a7a4ca 100%);
|
||||
}
|
||||
|
||||
/* Darker button purple green version */
|
||||
.btn-gradient-dark {
|
||||
background-color: #2e2542;
|
||||
background-image: linear-gradient(45deg, #5e4589 0%, #5fa69b 100%);
|
||||
color: white;
|
||||
padding: 8px 15px;
|
||||
border: none;
|
||||
cursor: pointer;
|
||||
transition: background-image 0.3s ease;
|
||||
}
|
||||
|
||||
.btn-gradient-dark:hover {
|
||||
background-image: linear-gradient(45deg, #3e2e5d 0%, #487d76 100%);
|
||||
}
|
||||
|
||||
.font-gradient-dark {
|
||||
background-color: #5e4589;
|
||||
background-image: linear-gradient(45deg, #5e4589 0%, #5fa69b 25%, #5e4589 100%);
|
||||
-webkit-background-clip: text;
|
||||
-webkit-text-fill-color: transparent;
|
||||
background-clip: text;
|
||||
text-fill-color: transparent;
|
||||
}
|
||||
|
||||
.btn-gradient-lt {
|
||||
background-color: #7c65a9;
|
||||
background-image: linear-gradient(45deg, #7c65a9 0%, #96d4ca 100%);
|
||||
color: white;
|
||||
padding: 8px 15px;
|
||||
border: none;
|
||||
cursor: pointer;
|
||||
transition: background-image 0.3s ease;
|
||||
}
|
||||
|
||||
.btn-gradient-lt2 {
|
||||
background-color: #7c65a9;
|
||||
background-image: linear-gradient(45deg, #9277c6 0%, #a5e9de 100%);
|
||||
color: white;
|
||||
padding: 8px 15px;
|
||||
border: none;
|
||||
cursor: pointer;
|
||||
transition: background-image 0.3s ease;
|
||||
}
|
||||
|
||||
.btn-gradient-lt:hover {
|
||||
background-color: #443b62;
|
||||
background-image: linear-gradient(45deg, #705b98 0%, #8bc5bb 100%);
|
||||
color: white;
|
||||
padding: 8px 15px;
|
||||
border: none;
|
||||
cursor: pointer;
|
||||
transition: background-image 0.3s ease;
|
||||
}
|
||||
|
||||
.social-gradient-lt {
|
||||
background-color: #8780bc;
|
||||
background-image: linear-gradient(45deg, #7c65a9 0%, #96d4ca 100%);
|
||||
color: purple-50;
|
||||
border: none;
|
||||
border-radius: 50px;
|
||||
font-weight: semibold;
|
||||
cursor: pointer;
|
||||
transition: background-image 0.3s ease;
|
||||
}
|
||||
|
||||
.social-gradient-lt:hover {
|
||||
background-image: linear-gradient(45deg, #705b98 0%, #8bc5bb 100%);
|
||||
}
|
||||
|
||||
.bg-cyan-gradient {
|
||||
background-color: #3b6162;
|
||||
background-image: linear-gradient(43deg, #20434a 0%, #507e7f 47%, #74afae 83%, #5fa69b 100%);
|
||||
}
|
||||
|
||||
|
||||
.emphasis {
|
||||
font-weight: 600;
|
||||
color: transparent;
|
||||
background-color: #5e4589;
|
||||
background-image: linear-gradient(45deg, #5e4589 0%, #5fa69b 25%, #5e4589 100%);
|
||||
-webkit-background-clip: text;
|
||||
-webkit-text-fill-color: transparent;
|
||||
background-clip: text;
|
||||
text-fill-color: transparent;
|
||||
}
|
||||
|
||||
|
||||
.placeholder\:text-slate-400::-moz-placeholder {
|
||||
--tw-text-opacity: 1;
|
||||
color: rgb(148 163 184 / var(--tw-text-opacity));
|
||||
}
|
||||
|
||||
|
||||
.placeholder\:text-slate-400::placeholder {
|
||||
--tw-text-opacity: 1;
|
||||
color: rgb(148 163 184 / var(--tw-text-opacity));
|
||||
}
|
||||
|
||||
|
||||
.focus-within\:ring-2:focus-within {
|
||||
--tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
|
||||
--tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);
|
||||
box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
|
||||
}
|
||||
|
||||
|
||||
.focus-within\:ring-purple-900:focus-within {
|
||||
--tw-ring-opacity: 1;
|
||||
--tw-ring-color: rgb(48 43 75 / var(--tw-ring-opacity));
|
||||
}
|
||||
|
||||
|
||||
.hover\:bg-purple-500:hover {
|
||||
--tw-bg-opacity: 1;
|
||||
background-color: rgb(118 111 166 / var(--tw-bg-opacity));
|
||||
}
|
||||
|
||||
|
||||
.hover\:bg-opacity-10:hover {
|
||||
--tw-bg-opacity: 0.1;
|
||||
}
|
||||
|
||||
|
||||
.hover\:text-cyan-700:hover {
|
||||
--tw-text-opacity: 1;
|
||||
color: rgb(14 116 144 / var(--tw-text-opacity));
|
||||
}
|
||||
|
||||
|
||||
.hover\:text-purple-500:hover {
|
||||
--tw-text-opacity: 1;
|
||||
color: rgb(118 111 166 / var(--tw-text-opacity));
|
||||
}
|
||||
|
||||
|
||||
.hover\:text-purple-600:hover {
|
||||
--tw-text-opacity: 1;
|
||||
color: rgb(103 93 145 / var(--tw-text-opacity));
|
||||
}
|
||||
|
||||
|
||||
.hover\:text-purple-700:hover {
|
||||
--tw-text-opacity: 1;
|
||||
color: rgb(86 74 126 / var(--tw-text-opacity));
|
||||
}
|
||||
|
||||
|
||||
.hover\:text-purple-800:hover {
|
||||
--tw-text-opacity: 1;
|
||||
color: rgb(68 59 98 / var(--tw-text-opacity));
|
||||
}
|
||||
|
||||
|
||||
.hover\:text-purple-900:hover {
|
||||
--tw-text-opacity: 1;
|
||||
color: rgb(48 43 75 / var(--tw-text-opacity));
|
||||
}
|
||||
|
||||
|
||||
.focus\:outline-none:focus {
|
||||
outline: 2px solid transparent;
|
||||
outline-offset: 2px;
|
||||
}
|
||||
|
||||
|
||||
.focus-visible\:outline:focus-visible {
|
||||
outline-style: solid;
|
||||
}
|
||||
|
||||
|
||||
.focus-visible\:outline-2:focus-visible {
|
||||
outline-width: 2px;
|
||||
}
|
||||
|
||||
|
||||
.focus-visible\:outline-offset-2:focus-visible {
|
||||
outline-offset: 2px;
|
||||
}
|
||||
|
||||
|
||||
.focus-visible\:outline-offset-\[-4px\]:focus-visible {
|
||||
outline-offset: -4px;
|
||||
}
|
||||
|
||||
|
||||
.focus-visible\:outline-purple-500:focus-visible {
|
||||
outline-color: #766fa6;
|
||||
}
|
||||
|
||||
|
||||
.active\:text-white\/70:active {
|
||||
color: rgb(255 255 255 / 0.7);
|
||||
}
|
||||
|
||||
|
||||
.group:hover .group-hover\:scale-110 {
|
||||
--tw-scale-x: 1.1;
|
||||
--tw-scale-y: 1.1;
|
||||
transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
|
||||
}
|
||||
|
||||
|
||||
.group:hover .group-hover\:scale-95 {
|
||||
--tw-scale-x: .95;
|
||||
--tw-scale-y: .95;
|
||||
transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
|
||||
}
|
||||
|
||||
.group:hover .group-hover\:text-purple-400 {
|
||||
|
||||
.group:hover .group-hover\:text-purple-700 {
|
||||
--tw-text-opacity: 1;
|
||||
color: rgb(144 137 194 / var(--tw-text-opacity));
|
||||
color: rgb(86 74 126 / var(--tw-text-opacity));
|
||||
}
|
||||
|
||||
|
||||
.group:hover .group-hover\:opacity-100 {
|
||||
opacity: 1;
|
||||
}
|
||||
|
||||
|
||||
.group[data-open] .group-data-\[open\]\:hidden {
|
||||
display: none;
|
||||
}
|
||||
|
||||
|
||||
@media (min-width: 640px) {
|
||||
|
||||
.sm\:not-sr-only {
|
||||
@@ -2519,11 +2624,6 @@ select {
|
||||
line-height: 3.5rem;
|
||||
}
|
||||
|
||||
.sm\:text-6xl {
|
||||
font-size: 4rem;
|
||||
line-height: 1;
|
||||
}
|
||||
|
||||
.sm\:text-7xl {
|
||||
font-size: 5rem;
|
||||
line-height: 1;
|
||||
@@ -2540,6 +2640,7 @@ select {
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
@media (min-width: 768px) {
|
||||
|
||||
.md\:mx-0 {
|
||||
@@ -2594,6 +2695,7 @@ select {
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
@media (min-width: 1024px) {
|
||||
|
||||
.lg\:static {
|
||||
@@ -2867,11 +2969,21 @@ select {
|
||||
padding-right: 3rem;
|
||||
}
|
||||
|
||||
.lg\:px-3 {
|
||||
padding-left: 0.75rem;
|
||||
padding-right: 0.75rem;
|
||||
}
|
||||
|
||||
.lg\:px-8 {
|
||||
padding-left: 2rem;
|
||||
padding-right: 2rem;
|
||||
}
|
||||
|
||||
.lg\:py-1 {
|
||||
padding-top: 0.25rem;
|
||||
padding-bottom: 0.25rem;
|
||||
}
|
||||
|
||||
.lg\:py-12 {
|
||||
padding-top: 3rem;
|
||||
padding-bottom: 3rem;
|
||||
@@ -3002,8 +3114,13 @@ select {
|
||||
font-size: 0.75rem;
|
||||
line-height: 1rem;
|
||||
}
|
||||
|
||||
.lg\:leading-6 {
|
||||
line-height: 1.5rem;
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
@media (min-width: 1280px) {
|
||||
|
||||
.xl\:right-6 {
|
||||
@@ -3063,7 +3180,8 @@ select {
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
.group:not([data-open]) .\[\.group\:not\(\[data-open\]\)_\&\]\:hidden {
|
||||
display: none;
|
||||
}
|
||||
|
||||
|
||||
|
||||
Reference in New Issue
Block a user