diff options
Diffstat (limited to 'subprojects/frontend/src/theme/ThemeProvider.tsx')
-rw-r--r-- | subprojects/frontend/src/theme/ThemeProvider.tsx | 14 |
1 files changed, 8 insertions, 6 deletions
diff --git a/subprojects/frontend/src/theme/ThemeProvider.tsx b/subprojects/frontend/src/theme/ThemeProvider.tsx index 78146f25..18310147 100644 --- a/subprojects/frontend/src/theme/ThemeProvider.tsx +++ b/subprojects/frontend/src/theme/ThemeProvider.tsx | |||
@@ -75,13 +75,15 @@ function createResponsiveTheme( | |||
75 | ...options, | 75 | ...options, |
76 | typography: { | 76 | typography: { |
77 | fontFamily: | 77 | fontFamily: |
78 | '"Inter Variable", "Inter", "Roboto", "Helvetica", "Arial", sans-serif', | 78 | '"Open Sans Variable", "Open Sans", "Roboto", "Helvetica", "Arial", sans-serif', |
79 | fontWeightMedium: 600, | 79 | fontWeightMedium: 500, |
80 | fontWeightEditorNormal: 400, | 80 | fontWeightEditorNormal: 400, |
81 | fontWeightEditorBold: 700, | 81 | fontWeightEditorBold: 700, |
82 | button: { | 82 | button: { |
83 | // 24px line height for 14px button text to fix browser rounding errors. | 83 | fontWeight: 600, |
84 | lineHeight: 1.714286, | 84 | fontVariationSettings: '"wdth" 87.5', |
85 | fontSize: '1rem', | ||
86 | lineHeight: 1.5, | ||
85 | }, | 87 | }, |
86 | editor: { | 88 | editor: { |
87 | fontFamily: | 89 | fontFamily: |
@@ -151,7 +153,7 @@ function createResponsiveTheme( | |||
151 | }, {}), | 153 | }, {}), |
152 | }, | 154 | }, |
153 | }, | 155 | }, |
154 | sizeSmall: { fontSize: '0.75rem' }, | 156 | sizeSmall: { fontSize: '0.875rem', lineHeight: '1.75' }, |
155 | sizeLarge: { fontSize: '1rem' }, | 157 | sizeLarge: { fontSize: '1rem' }, |
156 | text: { '&.rounded': { padding: '6px 14px' } }, | 158 | text: { '&.rounded': { padding: '6px 14px' } }, |
157 | textSizeSmall: { '&.rounded': { padding: '4px 8px' } }, | 159 | textSizeSmall: { '&.rounded': { padding: '4px 8px' } }, |
@@ -287,7 +289,7 @@ const darkTheme = (() => { | |||
287 | secondary: secondaryText, | 289 | secondary: secondaryText, |
288 | disabled: '#5c6370', | 290 | disabled: '#5c6370', |
289 | }, | 291 | }, |
290 | divider: alpha(secondaryText, 0.24), | 292 | divider: alpha(primaryText, 0.24), |
291 | outer: { | 293 | outer: { |
292 | background: darkBackground, | 294 | background: darkBackground, |
293 | border: '#181a1f', | 295 | border: '#181a1f', |