Mirrors/plane
1
0
Fork 0
mirror of https://github.com/makeplane/plane.git synced 2026-02-24 12:11:39 +01:00
Code Issues Packages Projects Releases Wiki Activity

Merge branch 'feat/design-system' into chore/update-existing-vars

Browse Source
This commit is contained in:
Jayash Tripathy
2025-12-04 16:08:55 +05:30
parent f5ccd315ac 73c0b7b66d
commit 16300ec1d0
1 changed files with 114 additions and 1 deletions
Download Patch File Download Diff File Expand all files Collapse all files

115
packages/tailwind-config/variables.css
View File

@@ -114,7 +114,6 @@
--tracking-wide: 0.05rem;
}
/* ---------- Light mode color tokens ---------- */
@theme {
/* Neutral colors */
--color-neutral-white: oklch(1 0 0);
@@ -185,6 +184,120 @@
--color-red-1000: oklch(0.3967 0.1408 25.71);
--color-red-1100: oklch(0.3493 0.1215 25.21);
/* --------- Extended colors ---------- */
/* Purple colors */
--extended-palette-purple-25: oklch(0.981 0.0054 297.73);
--extended-palette-purple-50: oklch(0.9421 0.0162 293.74);
--extended-palette-purple-100: oklch(0.8808 0.0343 293.03);
--extended-palette-purple-200: oklch(0.779 0.0639 293.01);
--extended-palette-purple-300: oklch(0.6978 0.0888 291.44);
--extended-palette-purple-400: oklch(0.6139 0.1164 290.19);
--extended-palette-purple-500: oklch(0.5527 0.1361 288.8);
--extended-palette-purple-600: oklch(0.4895 0.157 286.65);
--extended-palette-purple-700: oklch(0.42 0.1303 287.25);
--extended-palette-purple-800: oklch(0.3617 0.1077 287.53);
--extended-palette-purple-900: oklch(0.2861 0.0795 287.41);
--extended-palette-purple-950: oklch(0.219 0.0552 288.93);
/* Orange colors */
--extended-palette-orange-25: oklch(0.9856 0.0084 56.32);
--extended-palette-orange-50: oklch(0.964 0.0219 58.79);
--extended-palette-orange-100: oklch(0.9152 0.0522 56.77);
--extended-palette-orange-200: oklch(0.8504 0.097 56.87);
--extended-palette-orange-300: oklch(0.801 0.1323 55.27);
--extended-palette-orange-400:oklch(0.7563 0.1644 52.56);
--extended-palette-orange-500: oklch(0.7177 0.1905 47.86);
--extended-palette-orange-600: oklch(0.6601 0.1884 45.09);
--extended-palette-orange-700: oklch(0.5737 0.162 45.72);
--extended-palette-orange-800: oklch(0.5059 0.141467 46.3267);
--extended-palette-orange-900:oklch(0.3897 0.105571 48.3415);
--extended-palette-orange-950: oklch(0.2896 0.0746 51.86);
/* Crimson colors */
--extended-palette-crimson-25: oklch(0.9805 0.0066 28.83);
--extended-palette-crimson-50: oklch(0.9503 0.0186 21.57);
--extended-palette-crimson-100: oklch(0.8847 0.0455 23.1);
--extended-palette-crimson-200: oklch(0.791 0.0874 23.59);
--extended-palette-crimson-300: oklch(0.72 0.124 24.83);
--extended-palette-crimson-400: oklch(0.6556 0.1604 26.47);
--extended-palette-crimson-500: oklch(0.5954 0.1956 28.51);
--extended-palette-crimson-600: oklch(0.5284 0.185 28.96);
--extended-palette-crimson-700: oklch(0.4754 0.1647 28.98);
--extended-palette-crimson-800: oklch(0.4209 0.1438 29.01);
--extended-palette-crimson-900: oklch(0.3249 0.106 28.39);
--extended-palette-crimson-950: oklch(0.2457 0.0742 27.56);
/* Emerald colors */
--extended-palette-emerald-25: oklch(0.9884 0.0082 157.1);
--extended-palette-emerald-50: oklch(0.9563 0.0256 154.47);
--extended-palette-emerald-100: oklch(0.9153 0.0531 153.59);
--extended-palette-emerald-200: oklch(0.8679 0.0829 153.02);
--extended-palette-emerald-300: oklch(0.8221 0.1121 152.16);
--extended-palette-emerald-400:oklch(0.7785 0.1398 151.07);
--extended-palette-emerald-500: oklch(0.7401 0.166 149.61);
--extended-palette-emerald-600: oklch(0.6567 0.1599 148.98);
--extended-palette-emerald-700: oklch(0.5883 0.1413 149.06);
--extended-palette-emerald-800: oklch(0.4965 0.1172 149.18);
--extended-palette-emerald-900: oklch(0.4003 0.0918 149.37);
--extended-palette-emerald-950: oklch(0.2982 0.0631 150.55);
/* Pink colors */
--extended-palette-pink-25: oklch(0.9828 0.005 345.28);
--extended-palette-pink-50: oklch(0.9394 0.0201 340.71);
--extended-palette-pink-100: oklch(0.8759 0.0418 339.71);
--extended-palette-pink-200: oklch(0.805 0.0664 341.18);
--extended-palette-pink-300: oklch(0.736 0.0938 342.16);
--extended-palette-pink-400: oklch(0.6673 0.1206 342.89);
--extended-palette-pink-500: oklch(0.6185 0.1388 344.06);
--extended-palette-pink-600: oklch(0.5704 0.1574 345.25);
--extended-palette-pink-700: oklch(0.4947 0.1333 344.88);
--extended-palette-pink-800: oklch(0.4162 0.1108 344.66);
--extended-palette-pink-900: oklch(0.326 0.0807 344.57);
--extended-palette-pink-950: oklch(0.2474 0.0553 344.95);
/* yellow colors */
--extended-palette-yellow-25: oklch(0.989 0.0073 80.72);
--extended-palette-yellow-50: oklch(0.9631 0.0268 85.66);
--extended-palette-yellow-100: oklch(0.9297 0.0545 86.15);
--extended-palette-yellow-200: oklch(0.8893 0.0843 85.3);
--extended-palette-yellow-300: oklch(0.8522 0.1121 85.14);
--extended-palette-yellow-400: oklch(0.8167 0.1342 83.9);
--extended-palette-yellow-500: oklch(0.79 0.1466 82.04);
--extended-palette-yellow-600: oklch(0.7399 0.1487 79.36);
--extended-palette-yellow-700: oklch(0.683 0.1365 79.84);
--extended-palette-yellow-800: oklch(0.5522 0.1093 80.44);
--extended-palette-yellow-900: oklch(0.425 0.0824 81.46);
--extended-palette-yellow-950: oklch(0.3142 0.0586 82.21);
/* indigo colors */
--extended-palette-indigo-25: oklch(0.9813 0.0074 260.73);
--extended-palette-indigo-50: oklch(0.9415 0.022 263.19);
--extended-palette-indigo-100: oklch(0.8828 0.045 263.07);
--extended-palette-indigo-200: oklch(0.7852 0.086 263.89);
--extended-palette-indigo-300: oklch(0.7066 0.121 263.57);
--extended-palette-indigo-400: oklch(0.6322 0.1556 262.59);
--extended-palette-indigo-500: oklch(0.579 0.1807 262.31);
--extended-palette-indigo-600: oklch(0.5291 0.2045 262.05);
--extended-palette-indigo-700: oklch(0.458 0.1753 262.2);
--extended-palette-indigo-800: oklch(0.3862 0.1436 262.12);
--extended-palette-indigo-900: oklch(0.3019 0.1051 262.16);
--extended-palette-indigo-950: oklch(0.2308 0.0713 261.96);
/* grey colors */
--extended-palette-grey-25: oklch(0.9851 0 0);
--extended-palette-grey-50: oklch(0.9461 0 0);
--extended-palette-grey-100: oklch(0.9067 0 0);
--extended-palette-grey-200: oklch(0.8297 0 0);
--extended-palette-grey-300: oklch(0.7668 0 0);
--extended-palette-grey-400: oklch(0.6993 0 0);
--extended-palette-grey-500: oklch(0.65 0 0);
--extended-palette-grey-600: oklch(0.5999 0 0);
--extended-palette-grey-700: oklch(0.5208 0 0);
--extended-palette-grey-800: oklch(0.4386 0 0);
--extended-palette-grey-900: oklch(0.3407 0 0);
--extended-palette-grey-950: oklch(0.2603 0 0);
/* -------------------- Light mode custom(derived) colors -------------------- */
/* Background colors */
--background-color-canvas: var(--color-neutral-300);