Skip to content

[WEB-5898] chore: update tailwind config #8516

New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Open
aaryan610 wants to merge 1 commit into
base: preview
Choose a base branch
from
Open

[WEB-5898] chore: update tailwind config #8516

Changes from all commits
Commits
Show all changes
1 commit
Select commit
File filter

Filter by extension

Filter by extension
Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
108 changes: 75 additions & 33 deletions packages/tailwind-config/variables.css
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -321,17 +321,17 @@
--txt-link-primary-hover: var(--brand-900);
--txt-link-secondary: var(--neutral-900);
/* Label colors */
--label-indigo-bg: var(--extended-color-indigo-100);
--label-indigo-bg: var(--extended-color-indigo-50);
--label-indigo-bg-strong: var(--extended-color-indigo-700);
--label-indigo-hover: var(--extended-color-indigo-300);
--label-indigo-hover: var(--extended-color-indigo-100);
--label-indigo-icon: var(--extended-color-indigo-700);
--label-indigo-text: var(--extended-color-indigo-700);
--label-indigo-border: var(--extended-color-indigo-700);
--label-indigo-focus: var(--extended-color-indigo-500);
--label-emerald-bg: var(--extended-color-emerald-50);
--label-emerald-bg-strong: var(--extended-color-emerald-600);
--label-emerald-hover: var(--extended-color-emerald-200);
--label-emerald-icon: var(--extended-color-emerald-600);
--label-emerald-icon: var(--extended-color-emerald-800);
--label-emerald-text: var(--extended-color-emerald-800);
--label-emerald-border: var(--extended-color-emerald-800);
--label-emerald-focus: var(--extended-color-emerald-700);
Expand All @@ -352,10 +352,31 @@
--label-yellow-bg: var(--extended-color-yellow-50);
--label-yellow-bg-strong: var(--extended-color-yellow-600);
--label-yellow-hover: var(--extended-color-yellow-100);
--label-yellow-icon: var(--extended-color-yellow-600);
--label-yellow-text: var(--extended-color-yellow-600);
--label-yellow-icon: var(--extended-color-yellow-700);
--label-yellow-text: var(--extended-color-yellow-700);
--label-yellow-border: var(--extended-color-yellow-600);
--label-yellow-focus: var(--extended-color-yellow-400);
--label-orange-bg: var(--extended-color-orange-50);
--label-orange-bg-strong: var(--extended-color-orange-600);
--label-orange-hover: var(--extended-color-orange-100);
--label-orange-icon: var(--extended-color-orange-600);
--label-orange-text: var(--extended-color-orange-600);
--label-orange-border: var(--extended-color-orange-600);
--label-orange-focus: var(--extended-color-orange-300);
--label-pink-bg: var(--extended-color-pink-50);
--label-pink-bg-strong: var(--extended-color-pink-600);
--label-pink-hover: var(--extended-color-pink-100);
--label-pink-icon: var(--extended-color-pink-600);
--label-pink-text: var(--extended-color-pink-600);
--label-pink-border: var(--extended-color-pink-600);
--label-pink-focus: var(--extended-color-pink-400);
--label-purple-bg: var(--extended-color-purple-50);
--label-purple-bg-strong: var(--extended-color-purple-500);
--label-purple-hover: var(--extended-color-purple-100);
--label-purple-icon: var(--extended-color-purple-500);
--label-purple-text: var(--extended-color-purple-600);
--label-purple-border: var(--extended-color-purple-600);
--label-purple-focus: var(--extended-color-purple-300);
/* Illustration colors */
--illustration-fill-primary: var(--neutral-white);
--illustration-fill-secondary: var(--neutral-200);
Expand Down Expand Up @@ -550,41 +571,62 @@
--txt-link-primary-hover: var(--brand-700);
--txt-link-secondary: var(--neutral-1100);
/* Label colors */
--label-indigo-bg: var(--extended-color-indigo-800);
--label-indigo-bg: var(--extended-color-indigo-900);
--label-indigo-bg-strong: var(--extended-color-indigo-500);
--label-indigo-hover: var(--extended-color-indigo-700);
--label-indigo-icon: var(--extended-color-indigo-500);
--label-indigo-text: var(--extended-color-indigo-500);
--label-indigo-border: var(--extended-color-indigo-500);
--label-indigo-hover: var(--extended-color-indigo-800);
--label-indigo-icon: var(--extended-color-indigo-400);
--label-indigo-text: var(--extended-color-indigo-400);
--label-indigo-border: var(--extended-color-indigo-400);
--label-indigo-focus: var(--extended-color-indigo-400);
--label-emerald-bg: var(--extended-color-emerald-700);
--label-emerald-bg: var(--extended-color-emerald-950);
--label-emerald-bg-strong: var(--extended-color-emerald-600);
--label-emerald-hover: var(--extended-color-emerald-800);
--label-emerald-icon: var(--extended-color-emerald-600);
--label-emerald-hover: var(--extended-color-emerald-900);
--label-emerald-icon: var(--extended-color-emerald-400);
--label-emerald-text: var(--extended-color-emerald-400);
--label-emerald-border: var(--extended-color-emerald-400);
--label-emerald-focus: var(--extended-color-emerald-700);
--label-grey-bg: var(--extended-color-grey-800);
--label-grey-bg: var(--extended-color-grey-900);
--label-grey-bg-strong: var(--extended-color-grey-500);
--label-grey-hover: var(--extended-color-grey-700);
--label-grey-icon: var(--extended-color-grey-500);
--label-grey-text: var(--extended-color-grey-500);
--label-grey-border: var(--extended-color-grey-500);
--label-grey-hover: var(--extended-color-grey-800);
--label-grey-icon: var(--extended-color-grey-400);
--label-grey-text: var(--extended-color-grey-400);
--label-grey-border: var(--extended-color-grey-400);
--label-grey-focus: var(--extended-color-grey-400);
--label-crimson-bg: var(--extended-color-crimson-800);
--label-crimson-bg: var(--extended-color-crimson-950);
--label-crimson-bg-strong: var(--extended-color-crimson-500);
--label-crimson-hover: var(--extended-color-crimson-700);
--label-crimson-icon: var(--extended-color-crimson-500);
--label-crimson-text: var(--extended-color-crimson-500);
--label-crimson-border: var(--extended-color-crimson-500);
--label-crimson-hover: var(--extended-color-crimson-900);
--label-crimson-icon: var(--extended-color-crimson-400);
--label-crimson-text: var(--extended-color-crimson-400);
--label-crimson-border: var(--extended-color-crimson-400);
--label-crimson-focus: var(--extended-color-crimson-400);
--label-yellow-bg: var(--extended-color-yellow-900);
--label-yellow-bg: var(--extended-color-yellow-950);
--label-yellow-bg-strong: var(--extended-color-yellow-500);
--label-yellow-hover: var(--extended-color-yellow-800);
--label-yellow-hover: var(--extended-color-yellow-900);
--label-yellow-icon: var(--extended-color-yellow-500);
--label-yellow-text: var(--extended-color-yellow-500);
--label-yellow-border: var(--extended-color-yellow-500);
--label-yellow-focus: var(--extended-color-yellow-400);
--label-orange-bg: var(--extended-color-orange-950);
--label-orange-bg-strong: var(--extended-color-orange-400);
--label-orange-hover: var(--extended-color-orange-900);
--label-orange-icon: var(--extended-color-orange-300);
--label-orange-text: var(--extended-color-orange-300);
--label-orange-border: var(--extended-color-orange-300);
--label-orange-focus: var(--extended-color-orange-300);
--label-pink-bg: var(--extended-color-pink-900);
--label-pink-bg-strong: var(--extended-color-pink-500);
--label-pink-hover: var(--extended-color-pink-800);
--label-pink-icon: var(--extended-color-pink-400);
--label-pink-text: var(--extended-color-pink-400);
--label-pink-border: var(--extended-color-pink-400);
--label-pink-focus: var(--extended-color-pink-400);
--label-purple-bg: var(--extended-color-purple-900);
--label-purple-bg-strong: var(--extended-color-purple-400);
--label-purple-hover: var(--extended-color-purple-800);
--label-purple-icon: var(--extended-color-purple-400);
--label-purple-text: var(--extended-color-purple-400);
--label-purple-border: var(--extended-color-purple-400);
--label-purple-focus: var(--extended-color-purple-300);
/* Illustration colors */
--illustration-fill-primary: var(--neutral-400);
--illustration-fill-secondary: var(--neutral-500);
Expand Down Expand Up @@ -1059,42 +1101,42 @@
--text-h4-bold--letter-spacing: var(--tracking-default);
--text-h4-bold--font-weight: var(--font-weight-bold);

--text-h5-regular: var(--text-16);
--text-h5-regular: var(--text-18);
--text-h5-regular--line-height: 1.2;
--text-h5-regular--letter-spacing: var(--tracking-default);
--text-h5-regular--font-weight: var(--font-weight-regular);

--text-h5-medium: var(--text-16);
--text-h5-medium: var(--text-18);
--text-h5-medium--line-height: 1.2;
--text-h5-medium--letter-spacing: var(--tracking-default);
--text-h5-medium--font-weight: var(--font-weight-medium);

--text-h5-semibold: var(--text-16);
--text-h5-semibold: var(--text-18);
--text-h5-semibold--line-height: 1.2;
--text-h5-semibold--letter-spacing: var(--tracking-default);
--text-h5-semibold--font-weight: var(--font-weight-semibold);

--text-h5-bold: var(--text-16);
--text-h5-bold: var(--text-18);
--text-h5-bold--line-height: 1.2;
--text-h5-bold--letter-spacing: var(--tracking-default);
--text-h5-bold--font-weight: var(--font-weight-bold);

--text-h6-regular: var(--text-14);
--text-h6-regular: var(--text-16);
--text-h6-regular--line-height: 1.2;
--text-h6-regular--letter-spacing: var(--tracking-default);
--text-h6-regular--font-weight: var(--font-weight-regular);

--text-h6-medium: var(--text-14);
--text-h6-medium: var(--text-16);
--text-h6-medium--line-height: 1.2;
--text-h6-medium--letter-spacing: var(--tracking-default);
--text-h6-medium--font-weight: var(--font-weight-medium);

--text-h6-semibold: var(--text-14);
--text-h6-semibold: var(--text-16);
--text-h6-semibold--line-height: 1.2;
--text-h6-semibold--letter-spacing: var(--tracking-default);
--text-h6-semibold--font-weight: var(--font-weight-semibold);

--text-h6-bold: var(--text-14);
--text-h6-bold: var(--text-16);
--text-h6-bold--line-height: 1.2;
--text-h6-bold--letter-spacing: var(--tracking-default);
--text-h6-bold--font-weight: var(--font-weight-bold);
Expand Down
Loading