This commit is contained in:
freedakgmail
2025-11-23 16:41:14 +08:00
parent bae0e2c45a
commit 8c53014714
34 changed files with 780 additions and 5315 deletions
@@ -195,7 +195,6 @@
--color-blue-200: #bedbff;
--color-blue-400: #54a2ff;
--color-blue-500: #3080ff;
--color-blue-600: #155dfc;
--color-blue-700: #1447e6;
--color-blue-800: #193cb8;
--color-blue-900: #1c398e;
@@ -205,21 +204,21 @@
--color-purple-200: #e9d5ff;
--color-purple-500: #ac4bff;
--color-purple-700: #8200da;
--color-pink-50: #fdf2f8;
--color-pink-100: #fce7f3;
--color-pink-200: #fccee8;
--color-pink-400: #fb64b6;
--color-pink-500: #f6339a;
--color-pink-600: #e30076;
--color-pink-700: #c4005c;
--color-pink-800: #a2004c;
--color-pink-950: #510424;
--color-gray-50: #f9fafb;
--color-gray-100: #f3f4f6;
--color-gray-200: #e5e7eb;
--color-gray-500: #6a7282;
--color-gray-700: #364153;
--color-neutral-100: #f5f5f5;
--color-neutral-200: #e5e5e5;
--color-neutral-400: #a1a1a1;
--color-neutral-500: #737373;
--color-neutral-600: #525252;
--color-black: #000;
--color-white: #fff;
--spacing: .25rem;
@@ -246,8 +245,6 @@
--text-3xl--line-height: calc(2.25 / 1.875);
--text-4xl: 2.25rem;
--text-4xl--line-height: calc(2.5 / 2.25);
--text-5xl: 3rem;
--text-5xl--line-height: 1;
--font-weight-normal: 400;
--font-weight-medium: 500;
--font-weight-semibold: 600;
@@ -305,7 +302,6 @@
--color-blue-200: lab(86.15% -4.04379 -21.0797);
--color-blue-400: lab(65.0361% -1.42065 -56.9802);
--color-blue-500: lab(54.1736% 13.3369 -74.6839);
--color-blue-600: lab(44.0605% 29.0279 -86.0352);
--color-blue-700: lab(36.9089% 35.0961 -85.6872);
--color-blue-800: lab(30.2514% 27.7853 -70.2699);
--color-blue-900: lab(26.1542% 15.7545 -51.5504);
@@ -315,21 +311,21 @@
--color-purple-200: lab(87.8405% 13.4282 -18.7159);
--color-purple-500: lab(52.0183% 66.11 -78.2316);
--color-purple-700: lab(36.1758% 69.8525 -80.0381);
--color-pink-50: lab(96.4459% 4.53997 -1.49434);
--color-pink-100: lab(93.5864% 9.01193 -3.15079);
--color-pink-200: lab(87.4504% 19.6 -6.46662);
--color-pink-400: lab(64.5597% 64.3615 -12.7988);
--color-pink-500: lab(56.9303% 76.8162 -8.07021);
--color-pink-600: lab(49.5493% 79.8381 2.31768);
--color-pink-700: lab(42.1737% 71.8009 7.42233);
--color-pink-800: lab(34.9559% 60.2885 5.99639);
--color-pink-950: lab(15.6116% 35.2166 3.53979);
--color-gray-50: lab(98.2596% -.247031 -.706708);
--color-gray-100: lab(96.1596% -.0823438 -1.13575);
--color-gray-200: lab(91.6229% -.159115 -2.26791);
--color-gray-500: lab(47.7841% -.393182 -10.0268);
--color-gray-700: lab(27.1134% -.956401 -12.3224);
--color-neutral-100: lab(96.52% -.0000298023 .0000119209);
--color-neutral-200: lab(90.952% 0 -.0000119209);
--color-neutral-400: lab(66.128% -.0000298023 .0000119209);
--color-neutral-500: lab(48.496% 0 0);
--color-neutral-600: lab(34.924% 0 0);
}
}
}
@@ -733,10 +729,6 @@
top: 100%;
}
.-right-0\.5 {
right: calc(var(--spacing) * -.5);
}
.-right-1 {
right: calc(var(--spacing) * -1);
}
@@ -765,10 +757,6 @@
right: calc(var(--spacing) * 4);
}
.-bottom-0\.5 {
bottom: calc(var(--spacing) * -.5);
}
.-bottom-1 {
bottom: calc(var(--spacing) * -1);
}
@@ -951,10 +939,6 @@
margin-block: calc(var(--spacing) * 1);
}
.-mt-2 {
margin-top: calc(var(--spacing) * -2);
}
.-mt-4 {
margin-top: calc(var(--spacing) * -4);
}
@@ -1202,10 +1186,6 @@
height: calc(var(--spacing) * 3);
}
.h-3\.5 {
height: calc(var(--spacing) * 3.5);
}
.h-4 {
height: calc(var(--spacing) * 4);
}
@@ -1390,10 +1370,6 @@
width: calc(var(--spacing) * 3);
}
.w-3\.5 {
width: calc(var(--spacing) * 3.5);
}
.w-3\/4 {
width: 75%;
}
@@ -1883,12 +1859,6 @@
gap: calc(var(--spacing) * 8);
}
:where(.space-y-0 > :not(:last-child)) {
--tw-space-y-reverse: 0;
margin-block-start: calc(calc(var(--spacing) * 0) * var(--tw-space-y-reverse));
margin-block-end: calc(calc(var(--spacing) * 0) * calc(1 - var(--tw-space-y-reverse)));
}
:where(.space-y-0\.5 > :not(:last-child)) {
--tw-space-y-reverse: 0;
margin-block-start: calc(calc(var(--spacing) * .5) * var(--tw-space-y-reverse));
@@ -2128,6 +2098,16 @@
border-color: var(--color-blue-200);
}
.border-blue-200\/50 {
border-color: #bedbff80;
}
@supports (color: color-mix(in lab, red, red)) {
.border-blue-200\/50 {
border-color: color-mix(in oklab, var(--color-blue-200) 50%, transparent);
}
}
.border-blue-500 {
border-color: var(--color-blue-500);
}
@@ -2202,14 +2182,20 @@
}
}
.border-neutral-200 {
border-color: var(--color-neutral-200);
}
.border-orange-200 {
border-color: var(--color-orange-200);
}
.border-pink-200\/50 {
border-color: #fccee880;
}
@supports (color: color-mix(in lab, red, red)) {
.border-pink-200\/50 {
border-color: color-mix(in oklab, var(--color-pink-200) 50%, transparent);
}
}
.border-primary {
border-color: var(--primary);
}
@@ -2336,6 +2322,16 @@
background-color: var(--color-blue-50);
}
.bg-blue-50\/50 {
background-color: #eff6ff80;
}
@supports (color: color-mix(in lab, red, red)) {
.bg-blue-50\/50 {
background-color: color-mix(in oklab, var(--color-blue-50) 50%, transparent);
}
}
.bg-blue-100 {
background-color: var(--color-blue-100);
}
@@ -2390,36 +2386,6 @@
background-color: var(--foreground);
}
.bg-foreground\/25 {
background-color: var(--foreground);
}
@supports (color: color-mix(in lab, red, red)) {
.bg-foreground\/25 {
background-color: color-mix(in oklab, var(--foreground) 25%, transparent);
}
}
.bg-foreground\/50 {
background-color: var(--foreground);
}
@supports (color: color-mix(in lab, red, red)) {
.bg-foreground\/50 {
background-color: color-mix(in oklab, var(--foreground) 50%, transparent);
}
}
.bg-foreground\/60 {
background-color: var(--foreground);
}
@supports (color: color-mix(in lab, red, red)) {
.bg-foreground\/60 {
background-color: color-mix(in oklab, var(--foreground) 60%, transparent);
}
}
.bg-gray-50 {
background-color: var(--color-gray-50);
}
@@ -2488,12 +2454,18 @@
background-color: var(--color-orange-500);
}
.bg-pink-100 {
background-color: var(--color-pink-100);
.bg-pink-50\/50 {
background-color: #fdf2f880;
}
.bg-pink-500 {
background-color: var(--color-pink-500);
@supports (color: color-mix(in lab, red, red)) {
.bg-pink-50\/50 {
background-color: color-mix(in oklab, var(--color-pink-50) 50%, transparent);
}
}
.bg-pink-100 {
background-color: var(--color-pink-100);
}
.bg-popover {
@@ -2534,36 +2506,6 @@
}
}
.bg-primary\/40 {
background-color: var(--primary);
}
@supports (color: color-mix(in lab, red, red)) {
.bg-primary\/40 {
background-color: color-mix(in oklab, var(--primary) 40%, transparent);
}
}
.bg-primary\/60 {
background-color: var(--primary);
}
@supports (color: color-mix(in lab, red, red)) {
.bg-primary\/60 {
background-color: color-mix(in oklab, var(--primary) 60%, transparent);
}
}
.bg-primary\/70 {
background-color: var(--primary);
}
@supports (color: color-mix(in lab, red, red)) {
.bg-primary\/70 {
background-color: color-mix(in oklab, var(--primary) 70%, transparent);
}
}
.bg-purple-50 {
background-color: var(--color-purple-50);
}
@@ -2622,26 +2564,11 @@
background-image: url("https://www.transparenttextures.com/patterns/rice-paper.png");
}
.from-blue-500 {
--tw-gradient-from: var(--color-blue-500);
--tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
}
.from-blue-600 {
--tw-gradient-from: var(--color-blue-600);
--tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
}
.from-card {
--tw-gradient-from: var(--card);
--tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
}
.from-pink-500 {
--tw-gradient-from: var(--color-pink-500);
--tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
}
.from-primary\/5 {
--tw-gradient-from: var(--primary);
}
@@ -2682,22 +2609,6 @@
--tw-gradient-stops: var(--tw-gradient-via-stops);
}
.via-purple-500 {
--tw-gradient-via: var(--color-purple-500);
--tw-gradient-via-stops: var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-via) var(--tw-gradient-via-position), var(--tw-gradient-to) var(--tw-gradient-to-position);
--tw-gradient-stops: var(--tw-gradient-via-stops);
}
.to-blue-400 {
--tw-gradient-to: var(--color-blue-400);
--tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
}
.to-blue-500 {
--tw-gradient-to: var(--color-blue-500);
--tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
}
.to-card\/50 {
--tw-gradient-to: var(--card);
}
@@ -2712,21 +2623,6 @@
--tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
}
.to-pink-400 {
--tw-gradient-to: var(--color-pink-400);
--tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
}
.to-pink-500 {
--tw-gradient-to: var(--color-pink-500);
--tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
}
.to-pink-600 {
--tw-gradient-to: var(--color-pink-600);
--tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
}
.to-primary\/50 {
--tw-gradient-to: var(--primary);
}
@@ -3022,11 +2918,6 @@
line-height: var(--tw-leading, var(--text-4xl--line-height));
}
.text-5xl {
font-size: var(--text-5xl);
line-height: var(--tw-leading, var(--text-5xl--line-height));
}
.text-base {
font-size: var(--text-base);
line-height: var(--tw-leading, var(--text-base--line-height));
@@ -3178,10 +3069,6 @@
color: var(--color-blue-400);
}
.text-blue-600 {
color: var(--color-blue-600);
}
.text-blue-700 {
color: var(--color-blue-700);
}
@@ -3274,10 +3161,6 @@
color: var(--color-neutral-500);
}
.text-neutral-600 {
color: var(--color-neutral-600);
}
.text-orange-700 {
color: var(--color-orange-700);
}
@@ -3286,10 +3169,6 @@
color: var(--color-pink-400);
}
.text-pink-600 {
color: var(--color-pink-600);
}
.text-pink-700 {
color: var(--color-pink-700);
}
@@ -3316,16 +3195,6 @@
}
}
.text-primary\/80 {
color: var(--primary);
}
@supports (color: color-mix(in lab, red, red)) {
.text-primary\/80 {
color: color-mix(in oklab, var(--primary) 80%, transparent);
}
}
.text-purple-700 {
color: var(--color-purple-700);
}
@@ -3611,11 +3480,6 @@
transition-duration: .3s;
}
.duration-500 {
--tw-duration: .5s;
transition-duration: .5s;
}
.duration-1000 {
--tw-duration: 1s;
transition-duration: 1s;
@@ -4158,12 +4022,6 @@
}
}
@media (hover: hover) {
.hover\:bg-card:hover {
background-color: var(--card);
}
}
@media (hover: hover) {
.hover\:bg-destructive:hover {
background-color: var(--destructive);
@@ -5897,10 +5755,30 @@
border-color: var(--color-blue-800);
}
.dark\:border-blue-800\/30:is(.dark *) {
border-color: #193cb84d;
}
@supports (color: color-mix(in lab, red, red)) {
.dark\:border-blue-800\/30:is(.dark *) {
border-color: color-mix(in oklab, var(--color-blue-800) 30%, transparent);
}
}
.dark\:border-input:is(.dark *) {
border-color: var(--input);
}
.dark\:border-pink-800\/30:is(.dark *) {
border-color: #a2004c4d;
}
@supports (color: color-mix(in lab, red, red)) {
.dark\:border-pink-800\/30:is(.dark *) {
border-color: color-mix(in oklab, var(--color-pink-800) 30%, transparent);
}
}
.dark\:bg-blue-900\/20:is(.dark *) {
background-color: #1c398e33;
}
@@ -5915,6 +5793,16 @@
background-color: var(--color-blue-950);
}
.dark\:bg-blue-950\/20:is(.dark *) {
background-color: #16245633;
}
@supports (color: color-mix(in lab, red, red)) {
.dark\:bg-blue-950\/20:is(.dark *) {
background-color: color-mix(in oklab, var(--color-blue-950) 20%, transparent);
}
}
.dark\:bg-destructive\/60:is(.dark *) {
background-color: var(--destructive);
}
@@ -5935,6 +5823,16 @@
}
}
.dark\:bg-pink-950\/20:is(.dark *) {
background-color: #51042433;
}
@supports (color: color-mix(in lab, red, red)) {
.dark\:bg-pink-950\/20:is(.dark *) {
background-color: color-mix(in oklab, var(--color-pink-950) 20%, transparent);
}
}
.dark\:bg-transparent:is(.dark *) {
background-color: #0000;
}
@@ -5957,18 +5855,10 @@
color: var(--color-blue-200);
}
.dark\:text-blue-400:is(.dark *) {
color: var(--color-blue-400);
}
.dark\:text-muted-foreground:is(.dark *) {
color: var(--muted-foreground);
}
.dark\:text-pink-400:is(.dark *) {
color: var(--color-pink-400);
}
.dark\:text-yellow-200:is(.dark *) {
color: var(--color-yellow-200);
}