Member Junction
    Preparing search index...

    Variable MJ_AG_GRID_THEME_PARAMSConst

    MJ_AG_GRID_THEME_PARAMS: {
        accentColor: "var(--mj-brand-primary)";
        backgroundColor: "var(--mj-bg-surface)";
        borderColor: "var(--mj-border-default)";
        borderRadius: "var(--mj-radius-sm)";
        browserColorScheme: "inherit";
        cellTextColor: "var(--mj-text-primary)";
        chromeBackgroundColor: "var(--mj-bg-surface-card)";
        dataBackgroundColor: "var(--mj-bg-surface)";
        foregroundColor: "var(--mj-text-primary)";
        headerBackgroundColor: "var(--mj-bg-surface-card)";
        headerTextColor: "var(--mj-text-secondary)";
        oddRowBackgroundColor: "var(--mj-bg-surface-card)";
        rowHoverColor: "var(--mj-bg-surface-hover, color-mix(in srgb, var(--mj-brand-primary) 5%, var(--mj-bg-surface)))";
        selectedRowBackgroundColor: "color-mix(in srgb, var(--mj-brand-primary) 10%, var(--mj-bg-surface))";
        subtleTextColor: "var(--mj-text-muted)";
        textColor: "var(--mj-text-primary)";
    }

    Shared AG Grid theme parameters mapping the --mj-* design-token contract onto AG Grid's theming API, so every MJ grid follows light/dark and the org brand overlay identically. Consumers pass this to AG Grid's theme builder:

    import { themeAlpine, type Theme } from 'ag-grid-community';
    import { MJ_AG_GRID_THEME_PARAMS } from '@memberjunction/ng-shared-generic';

    public GridTheme: Theme = themeAlpine.withParams(MJ_AG_GRID_THEME_PARAMS);

    Kept as a plain as const object (no ag-grid import) so this package carries no grid dependency; withParams accepts it structurally. One definition prevents the per-grid copies of this block from drifting.

    Type Declaration

    • ReadonlyaccentColor: "var(--mj-brand-primary)"
    • ReadonlybackgroundColor: "var(--mj-bg-surface)"
    • ReadonlyborderColor: "var(--mj-border-default)"
    • ReadonlyborderRadius: "var(--mj-radius-sm)"
    • ReadonlybrowserColorScheme: "inherit"
    • ReadonlycellTextColor: "var(--mj-text-primary)"
    • ReadonlychromeBackgroundColor: "var(--mj-bg-surface-card)"
    • ReadonlydataBackgroundColor: "var(--mj-bg-surface)"
    • ReadonlyforegroundColor: "var(--mj-text-primary)"
    • ReadonlyheaderBackgroundColor: "var(--mj-bg-surface-card)"
    • ReadonlyheaderTextColor: "var(--mj-text-secondary)"
    • ReadonlyoddRowBackgroundColor: "var(--mj-bg-surface-card)"
    • ReadonlyrowHoverColor: "var(--mj-bg-surface-hover, color-mix(in srgb, var(--mj-brand-primary) 5%, var(--mj-bg-surface)))"
    • ReadonlyselectedRowBackgroundColor: "color-mix(in srgb, var(--mj-brand-primary) 10%, var(--mj-bg-surface))"
    • ReadonlysubtleTextColor: "var(--mj-text-muted)"
    • ReadonlytextColor: "var(--mj-text-primary)"

    Settings

    Member Visibility