yujunjun/OpenMetadata
1
0
Fork 0
mirror of https://github.com/open-metadata/OpenMetadata.git synced 2025-11-13 09:23:45 +00:00
Code Issues Packages Projects Releases Wiki Activity

fix(ui): updated default font size to 14px and grey color based on style guide (#23785)

Browse Source 
* fix(ui): updated default font size to 14px and grey color based on style guide

* fix(ui): apply GlobalStyles for consistent font size of 14px across the application
This commit is contained in:
Shailesh Parmar 2025-10-08 20:24:04 +05:30 committed by GitHub
parent 9cc0441da2
commit 63336dd98c
No known key found for this signature in database
GPG Key ID: B5690EEEBB952194
3 changed files with 10 additions and 6 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

4
openmetadata-ui-core-components/src/main/resources/ui/src/colors/defaultColors.ts
View File

@ -64,8 +64,8 @@ export const defaultColors: ThemeColors = {
725: '#363636', // custom shade for search icon 725: '#363636', // custom shade for search icon
750: '#404040', // custom shade 750: '#404040', // custom shade
800: '#252B37', 800: '#252B37',
900: '#101828', 900: '#181D27',
950: '#0C111D', 950: '#0A0D12',
}, },
blueGray: { blueGray: {
25: '#FCFCFD', 25: '#FCFCFD',

10
openmetadata-ui-core-components/src/main/resources/ui/src/theme/createMuiTheme.ts
View File

@ -13,15 +13,15 @@
import type { Shadows } from '@mui/material/styles'; import type { Shadows } from '@mui/material/styles';
import { createTheme } from '@mui/material/styles'; import { createTheme } from '@mui/material/styles';
import { defaultColors } from '../colors/defaultColors';
import { generateAllMuiPalettes } from '../colors/generateMuiPalettes';
import type { CustomColors, ThemeColors } from '../types';
import { buttonTheme } from './button-theme'; import { buttonTheme } from './button-theme';
import { dataDisplayTheme } from './data-display-theme'; import { dataDisplayTheme } from './data-display-theme';
import { defaultColors } from '../colors/defaultColors';
import { formTheme } from './form-theme'; import { formTheme } from './form-theme';
import { generateAllMuiPalettes } from '../colors/generateMuiPalettes'; import './mui-theme-types';
import { navigationTheme } from './navigation-theme'; import { navigationTheme } from './navigation-theme';
import { shadows } from './shadows'; import { shadows } from './shadows';
import type { CustomColors, ThemeColors } from '../types';
import './mui-theme-types';
/** /**
* Creates dynamic MUI theme with user customizations or default colors * Creates dynamic MUI theme with user customizations or default colors
@ -127,6 +127,8 @@ export const createMuiTheme = (
allShades: themeColors, allShades: themeColors,
}, },
typography: { typography: {
fontSize: 14,
htmlFontSize: 14,
fontFamily: fontFamily:
'var(--font-inter, "Inter"), -apple-system, "Segoe UI", Roboto, Arial, sans-serif', 'var(--font-inter, "Inter"), -apple-system, "Segoe UI", Roboto, Arial, sans-serif',
h1: { h1: {

2
openmetadata-ui/src/main/resources/ui/src/App.tsx
View File

@ -35,6 +35,7 @@ import {
} from './rest/settingConfigAPI'; } from './rest/settingConfigAPI';
import { getBasePath } from './utils/HistoryUtils'; import { getBasePath } from './utils/HistoryUtils';
import GlobalStyles from '@mui/material/GlobalStyles';
import { ThemeProvider } from '@mui/material/styles'; import { ThemeProvider } from '@mui/material/styles';
import { import {
createMuiTheme, createMuiTheme,
@ -106,6 +107,7 @@ const App: FC = () => {
<ErrorBoundary> <ErrorBoundary>
<AntDConfigProvider> <AntDConfigProvider>
<ThemeProvider theme={muiTheme}> <ThemeProvider theme={muiTheme}>
<GlobalStyles styles={{ html: { fontSize: '14px' } }} />
<SnackbarProvider <SnackbarProvider
Components={{ Components={{
default: SnackbarContent, default: SnackbarContent,