fixed foreground bug

hanzoai · Jan 24, 2024 · 3e8af20 · 3e8af20
1 parent fef5f00
commit 3e8af20
Show file tree

Hide file tree

Showing 4 changed files with 4 additions and 4 deletions.
diff --git a/packages/ui/common/logo.tsx b/packages/ui/common/logo.tsx
@@ -39,7 +39,7 @@ const Logo: React.FC<{
   }
 
   const outerClasses = 'flex items-center ' + className
-  const spanClasses = 'inline-block font-bold font-heading text-foreground ' 
+  const spanClasses = 'inline-block font-bold font-heading ' 
     + (href ? 'hover:text-accent ' : 'cursor-default ') 
     + classes.span 
 

diff --git a/packages/ui/next/root-layout.tsx b/packages/ui/next/root-layout.tsx
@@ -23,7 +23,7 @@ const viewport = {
 
 // overflow-y-hidden overflow-x-hidden ,-- cannot have these on body tag for scroll-snap on iOS
 const bodyClasses = 
-  'bg-background fg-foreground  ' + 
+  'bg-background text-foreground ' + 
   `${inter.variable} ${drukTextWide.variable} font-sans` 
 
     // re <base />: https://stackoverflow.com/a/75716588/11645689 

diff --git a/packages/ui/package.json b/packages/ui/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@luxdefi/ui",
-  "version": "0.1.54",
+  "version": "0.1.55",
   "description": "Library that contains shared UI primitives, styles, and core types",
   "publishConfig": {
     "registry": "https://registry.npmjs.org/",

diff --git a/packages/ui/tailwind/colors.tailwind.js b/packages/ui/tailwind/colors.tailwind.js
@@ -14,7 +14,7 @@ export default ({ colors }) => ({
     '3': "var(--lx-bg-3)",
   },
   accent: "var(--lx-fg-0)",      // full contrast (darkTheme:white) : heading and links hover
-  foreground: "var(--lx-fg-body)", // body off-white (bright enough to contrast to bg-level-1)
+  foreground: "var(--lx-fg-body)", // body text off-white (bright enough to contrast to bg-level-1)
   muted: {
     DEFAULT: "var(--lx-fg-2)",   // de-emphasized: fine print
     '1': "var(--lx-fg-2)",       // synonymous ^^^