wip: colors

packages/ui/src/theme/resolve.test.ts

@@ -168,6 +168,7 @@ describe("theme resolve", () => {
     expect(lightTokens["icon-success-base"]).toBe(lightSuccess[6])
     expect(darkTokens["icon-success-base"]).toBe(darkSuccess[8])
     expect(darkTokens["surface-interactive-weak"]).toBe(darkInteractive[3])
+    expect(darkTokens["text-interactive-base"]).toBe(darkInteractive[9])
     expect(lightTokens["icon-base"]).toBe(lightNeutral[8])
     expect(lightTokens["icon-disabled"]).toBe(lightNeutral[6])
     expect(darkTokens["icon-base"]).toBe(darkNeutral[7])

packages/ui/src/theme/resolve.ts

@@ -67,7 +67,7 @@ export function resolveThemeVariant(variant: ThemeVariant, isDark: boolean): Res
   )
   const brand = primary[8]
   const brandHover = primary[9]
-  const interText = isDark ? shift(interactive[8], { l: 0.012, c: 1.08 }) : text(interactive)
+  const interText = isDark ? interactive[9] : text(interactive)
   const inter = interactive[tone]
   const interHover = interactive[isDark ? 7 : 6]
   const interWeak = interactive[isDark ? 3 : soft]