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

Replace remaining hardcoded hex colors with color tokens (CR-27)

Browse Source 
Map leftover component hex values onto the existing color scale, and leave third-party share brands and the Avatar white-alpha border documented as intentional exceptions.
This commit is contained in:
adilallo
2026-08-17 14:31:28 -06:00
parent 705fa428ce
commit da453f6108
13 changed files with 21 additions and 25 deletions
Download Patch File Download Diff File Expand all files Collapse all files
app/components/type/HeaderLockup/HeaderLockup.view.tsx
+1 -1
View File
@@ -19,7 +19,7 @@ function HeaderLockupView({
? "text-[var(--color-content-invert-primary)]"
: "text-[var(--color-content-default-primary,white)]";
const descriptionColorClass = isInverse
? "text-[#2d2d2d]"
? "text-[var(--color-content-invert-tertiary)]"
: "text-[var(--color-content-default-tertiary,#b4b4b4)]";
return (
app/components/type/SectionHeader/SectionHeader.tsx
+1 -1
View File
@@ -111,7 +111,7 @@ const SectionHeader = memo<SectionHeaderProps>(
? "text-small-paragraph text-[var(--color-content-default-tertiary)] md:text-left md:text-large-paragraph xl:text-x-large-paragraph"
: "text-small-paragraph md:text-large-paragraph lg:text-left lg:text-large-paragraph text-[var(--color-content-default-tertiary)] xl:text-x-large-paragraph"
: "text-small-paragraph md:text-large-paragraph xl:text-x-large-paragraph text-[var(--color-content-default-tertiary)] lg:text-right"
: "text-large-paragraph lg:text-x-large-paragraph xl:text-xx-large-paragraph xl:text-right text-[#484848] sm:text-[var(--color-content-default-tertiary)] lg:text-[var(--color-content-default-tertiary)] xl:text-[var(--color-content-default-tertiary)]"
: "text-large-paragraph lg:text-x-large-paragraph xl:text-xx-large-paragraph xl:text-right text-[var(--color-gray-600)] sm:text-[var(--color-content-default-tertiary)] lg:text-[var(--color-content-default-tertiary)] xl:text-[var(--color-content-default-tertiary)]"
}
>
{subtitle}