CommunityRule/community-rule
2
0 Fork 0
Code Issues 1 Pull Requests Actions Packages Projects Releases Wiki Activity

Match the 3 Nov color ramps and size-based strokes, and replace leftover palette hex with tokens.

Browse Source 
Drop Cookies Settings from the footer, link the Home features that already have pages, and give leftover routes their own descriptions.
This commit is contained in:
adilallo committed 2026-11-05 15:37:55 -07:00
1 parent 8d07e00667
commit ca928e306b
32 files changed
+276 -213
Download Patch File Download Diff File Expand all files Collapse all files

No files matched your search

app/tailwind.css
+83 -80
View File
@@ -202,14 +202,15 @@
/* Grays & alpha */
--color-gray-000: #ffffff;
--color-gray-050: #f6f6f6;
--color-gray-100: #e5e5e5;
--color-gray-200: #d2d2d2;
--color-gray-300: #b4b4b4;
--color-gray-400: #8f8f8f;
--color-gray-500: #666666;
--color-gray-600: #464646;
--color-gray-700: #2d2d2d;
--color-gray-800: #1f1f1f;
--color-gray-100: #e4e4e4;
--color-gray-150: #d2d2d2;
--color-gray-200: #c2c2c2;
--color-gray-300: #a4a4a4;
--color-gray-400: #8a8a8a;
--color-gray-500: #717171;
--color-gray-600: #5b5b5b;
--color-gray-700: #464646;
--color-gray-800: #303030;
--color-gray-900: #141414;
--color-gray-1000: #000000;
@@ -244,16 +245,16 @@
/* Lavender */
--color-lavender-lavender0: #f0ebff;
--color-lavender-lavender50: #e8defe;
--color-lavender-lavender100: #e0d1fd;
--color-lavender-lavender150: #d7c3f9;
--color-lavender-lavender200: #ceb5f6;
--color-lavender-lavender300: #bb97ea;
--color-lavender-lavender400: #a578d9;
--color-lavender-lavender500: #8d5ac4;
--color-lavender-lavender600: #743ea9;
--color-lavender-lavender700: #5a278c;
--color-lavender-lavender800: #41146c;
--color-lavender-lavender900: #2b074d;
--color-lavender-lavender100: #dccdf9;
--color-lavender-lavender150: #d1bdf3;
--color-lavender-lavender200: #c6adee;
--color-lavender-lavender300: #b490e2;
--color-lavender-lavender400: #a275d5;
--color-lavender-lavender500: #8f5cc6;
--color-lavender-lavender600: #7c47b2;
--color-lavender-lavender700: #67359b;
--color-lavender-lavender800: #50277e;
--color-lavender-lavender900: #38185c;
--color-lavender-lavender1000: #1a0033;
/* Lime */
@@ -274,61 +275,61 @@
/* Magenta */
--color-magenta-magenta0: #ffebf0;
--color-magenta-magenta50: #fedee7;
--color-magenta-magenta100: #fdd1dd;
--color-magenta-magenta150: #f9c3d2;
--color-magenta-magenta200: #f6b5c7;
--color-magenta-magenta300: #ea97ad;
--color-magenta-magenta400: #d97892;
--color-magenta-magenta500: #c45a76;
--color-magenta-magenta600: #a93e5b;
--color-magenta-magenta700: #8c2742;
--color-magenta-magenta800: #6c142b;
--color-magenta-magenta900: #4d071a;
--color-magenta-magenta100: #f8ccd8;
--color-magenta-magenta150: #f0bbca;
--color-magenta-magenta200: #eaaabc;
--color-magenta-magenta300: #dd8ba1;
--color-magenta-magenta400: #ce6f89;
--color-magenta-magenta500: #be5571;
--color-magenta-magenta600: #aa3f5b;
--color-magenta-magenta700: #922d47;
--color-magenta-magenta800: #761f33;
--color-magenta-magenta900: #571222;
--color-magenta-magenta1000: #33000e;
/* Red */
--color-red-red0: #ffebf1;
--color-red-red50: #fec9d6;
--color-red-red100: #fda8b7;
--color-red-red150: #f98c98;
--color-red-red200: #f66f78;
--color-red-red300: #ea4845;
--color-red-red400: #d93529;
--color-red-red500: #c42916;
--color-red-red600: #a9200b;
--color-red-red700: #8c1905;
--color-red-red800: #6c1301;
--color-red-red900: #4d0d00;
--color-red-red100: #ffb6c2;
--color-red-red150: #ffa4ac;
--color-red-red200: #ff9296;
--color-red-red300: #ff6a62;
--color-red-red400: #ef4c3d;
--color-red-red500: #d33a26;
--color-red-red600: #b62e1a;
--color-red-red700: #972613;
--color-red-red800: #771f0d;
--color-red-red900: #571707;
--color-red-red1000: #330800;
/* Royal Blue */
--color-royal-blue-royal-blue0: #ebecff;
--color-royal-blue-royal-blue50: #c9cdfe;
--color-royal-blue-royal-blue100: #a8adfd;
--color-royal-blue-royal-blue150: #8c91f9;
--color-royal-blue-royal-blue200: #6f74f6;
--color-royal-blue-royal-blue300: #4548ea;
--color-royal-blue-royal-blue400: #2b29d9;
--color-royal-blue-royal-blue500: #1c16c4;
--color-royal-blue-royal-blue600: #140ba9;
--color-royal-blue-royal-blue700: #0f058c;
--color-royal-blue-royal-blue800: #0c016c;
--color-royal-blue-royal-blue900: #0a004d;
--color-royal-blue-royal-blue100: #b9bfff;
--color-royal-blue-royal-blue150: #aab1ff;
--color-royal-blue-royal-blue200: #99a4ff;
--color-royal-blue-royal-blue300: #778cff;
--color-royal-blue-royal-blue400: #5674ff;
--color-royal-blue-royal-blue500: #3a5afe;
--color-royal-blue-royal-blue600: #2d4adb;
--color-royal-blue-royal-blue700: #233bb6;
--color-royal-blue-royal-blue800: #1d2c8f;
--color-royal-blue-royal-blue900: #171b65;
--color-royal-blue-royal-blue1000: #080033;
/* Rust */
--color-rust-rust0: #ffedeb;
--color-rust-rust50: #fed8d4;
--color-rust-rust100: #fdc4bd;
--color-rust-rust150: #f9b0a6;
--color-rust-rust200: #f69c8f;
--color-rust-rust300: #ea7a65;
--color-rust-rust400: #d96043;
--color-rust-rust500: #c44e29;
--color-rust-rust600: #a94417;
--color-rust-rust700: #8c3d0b;
--color-rust-rust800: #6c3604;
--color-rust-rust900: #4d2c01;
--color-rust-rust100: #ffc6bf;
--color-rust-rust150: #feb4aa;
--color-rust-rust200: #fda395;
--color-rust-rust300: #f4836e;
--color-rust-rust400: #e46a4c;
--color-rust-rust500: #cd5632;
--color-rust-rust600: #b04a1f;
--color-rust-rust700: #904111;
--color-rust-rust800: #703909;
--color-rust-rust900: #512f05;
--color-rust-rust1000: #332100;
/* Teal */
@@ -392,25 +393,25 @@
--color-border-invert-warning-primary: var(--color-yellow-yellow600);
--color-border-invert-negative-primary: var(--color-red-red300);
/* Link — nearest palette step for each off-ramp hex */
--color-link-primary: var(--color-gray-1000);
--color-link-primary-hover: var(--color-gray-500);
--color-link-primary-focus: var(--color-gray-500);
--color-link-primary-active: var(--color-gray-500);
--color-link-secondary: var(--color-gray-500);
--color-link-secondary-hover: var(--color-gray-700);
--color-link-secondary-focus: var(--color-gray-700);
--color-link-secondary-active: var(--color-gray-700);
--color-link-invert-primary: var(--color-gray-000);
--color-link-invert-primary-hover: var(--color-gray-300);
--color-link-invert-primary-focus: var(--color-gray-300);
--color-link-invert-primary-active: var(--color-gray-300);
--color-link-invert-secondary: var(--color-gray-300);
--color-link-invert-secondary-hover: var(--color-gray-050);
--color-link-invert-secondary-focus: var(--color-gray-050);
--color-link-invert-secondary-active: var(--color-gray-050);
--color-border-link-focus: var(--color-gray-1000);
--color-border-link-invert-focus: var(--color-gray-000);
/* Link — Navigation / Link binds content tokens */
--color-link-primary: var(--color-content-invert-primary);
--color-link-primary-hover: var(--color-content-invert-quaternary);
--color-link-primary-focus: var(--color-content-invert-quaternary);
--color-link-primary-active: var(--color-content-invert-quaternary);
--color-link-secondary: var(--color-content-invert-quaternary);
--color-link-secondary-hover: var(--color-content-invert-tertiary);
--color-link-secondary-focus: var(--color-content-invert-tertiary);
--color-link-secondary-active: var(--color-content-invert-tertiary);
--color-link-invert-primary: var(--color-content-default-primary);
--color-link-invert-primary-hover: var(--color-content-default-tertiary);
--color-link-invert-primary-focus: var(--color-content-default-tertiary);
--color-link-invert-primary-active: var(--color-content-default-tertiary);
--color-link-invert-secondary: var(--color-content-default-tertiary);
--color-link-invert-secondary-hover: var(--color-content-default-primary);
--color-link-invert-secondary-focus: var(--color-content-default-primary);
--color-link-invert-secondary-active: var(--color-content-default-primary);
--color-border-link-focus: var(--color-border-default-primary);
--color-border-link-invert-focus: var(--color-border-invert-primary);
/* Content */
--color-content-default-brand-accent: var(--color-opacity-700);
@@ -443,10 +444,12 @@
--color-content-invert-primary: var(--color-gray-1000);
--color-content-invert-secondary: var(--color-gray-800);
--color-content-invert-tertiary: var(--color-gray-700);
--color-content-invert-quaternary: var(--color-gray-500);
--color-content-invert-brand-primary: var(--color-yellow-yellow900);
--color-content-invert-brand-secondary: var(--color-yellow-yellow800);
--color-content-invert-brand-lime: var(--color-lime-lime800);
--color-content-invert-brand-royal: var(--color-royal-blue-royal-blue400);
--color-content-invert-brand-royal: var(--color-royal-blue-royal-blue700);
--color-content-invert-brand-navy: var(--color-royal-blue-royal-blue1000);
--color-content-invert-brand-teal: var(--color-teal-teal700);
--color-content-invert-brand-rust: var(--color-rust-rust700);
--color-content-invert-brand-lavender: var(--color-lavender-lavender700);
@@ -454,7 +457,7 @@
--color-content-invert-brand-red: var(--color-red-red700);
--color-content-invert-positive-primary: var(--color-kiwi-kiwi800);
--color-content-invert-warning-primary: var(--color-yellow-yellow800);
--color-content-invert-negative-primary: var(--color-red-red500);
--color-content-invert-negative-primary: var(--color-red-red600);
/* Surface */
--color-surface-default-brand-red: var(--color-red-red700);
@@ -463,7 +466,7 @@
--color-surface-default-brand-lime: var(--color-lime-lime800);
--color-surface-default-brand-primary: var(--color-yellow-yellow1000);
--color-surface-default-brand-secondary: var(--color-yellow-yellow800);
--color-surface-default-brand-royal: var(--color-royal-blue-royal-blue600);
--color-surface-default-brand-royal: var(--color-royal-blue-royal-blue700);
--color-surface-default-brand-rust: var(--color-rust-rust700);
--color-surface-default-brand-teal: var(--color-teal-teal700);
--color-surface-default-positive-secondary: var(--color-kiwi-kiwi1000);