Files
teamwallet/myteamwallet_frontend_modern/src/app/shared/ag-grid/ag-grid-theme.ts
Bastian Wagner b21641f37a ag grid
2026-08-03 14:49:35 +02:00

22 lines
929 B
TypeScript

import { themeQuartz } from 'ag-grid-community';
// Maps the grid's look onto the app's Material 3 system tokens (see
// src/styles.scss) so it reads as part of the app rather than a bolted-on
// widget. Values are CSS custom properties, resolved at paint time, so this
// theme automatically follows the app's green/orange palette.
export const teamwalletGridTheme = themeQuartz.withParams({
accentColor: 'var(--mat-sys-primary)',
backgroundColor: 'var(--mat-sys-surface)',
foregroundColor: 'var(--mat-sys-on-surface)',
chromeBackgroundColor: 'var(--mat-sys-surface)',
headerBackgroundColor: 'var(--mat-sys-surface)',
headerTextColor: 'var(--mat-sys-on-surface-variant)',
headerFontWeight: 600,
borderColor: 'var(--mat-sys-outline-variant)',
wrapperBorderRadius: 20,
borderRadius: 14,
selectedRowBackgroundColor: 'var(--mat-sys-secondary-container)',
fontFamily: 'Roboto, sans-serif',
spacing: 8,
});