Update theme with new typography and border color

centrifuge · Oct 22, 2024 · 2547ddb · 2547ddb
1 parent 516f774
commit 2547ddb
Show file tree

Hide file tree

Showing 3 changed files with 8 additions and 1 deletion.
diff --git a/fabric/src/theme/tokens/theme.ts b/fabric/src/theme/tokens/theme.ts
@@ -32,7 +32,7 @@ const colors = {
   backgroundInverted: grayScale[800],
 
   borderPrimary: grayScale[50],
-  borderSecondary: grayScale[300],
+  borderSecondary: 'rgba(207, 207, 207, 0.50)',
 
   statusDefault,
   statusInfo,

diff --git a/fabric/src/theme/tokens/typography.ts b/fabric/src/theme/tokens/typography.ts
@@ -1,6 +1,12 @@
 import { ThemeTypography } from '../types'
 
 const typography: ThemeTypography = {
+  heading: {
+    fontSize: 36,
+    lineHeight: 1.4,
+    fontWeight: 500,
+    color: 'textPrimary',
+  },
   heading1: {
     fontSize: [20, 24],
     lineHeight: 1.4,

diff --git a/fabric/src/theme/types.ts b/fabric/src/theme/types.ts
@@ -90,6 +90,7 @@ type ThemeSpace = SpaceValue[] & {
 // Typography
 
 export type TextVariantName =
+  | 'heading'
   | 'heading1'
   | 'heading2'
   | 'heading3'