ag grid

myteamwallet_frontend_modern/src/app/shared/ag-grid/ag-grid-theme.ts

@@ -0,0 +1,21 @@
+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,
+});