Skip to content

Commit 3ba2ad0

Browse files
committed
Fix CSS Variables theme
1 parent 1671f13 commit 3ba2ad0

File tree

1 file changed

+18
-0
lines changed

1 file changed

+18
-0
lines changed

examples/demo/src/themes/cssVariablesTheme.ts

Lines changed: 18 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -10,12 +10,30 @@ const lightTheme: RaThemeOptions = {
1010
0.8
1111
),
1212
},
13+
components: {
14+
RaToolbar: {
15+
styleOverrides: {
16+
root: {
17+
backgroundColor: `color-mix(in oklab, var(--mui-palette-background-paper) 80%, light-dark(black, white))`,
18+
},
19+
},
20+
},
21+
},
1322
};
1423
const darkTheme: RaThemeOptions = {
1524
palette: {
1625
mode: 'dark',
1726
bulkActionsToolbarBackgroundColor: defaultTheme.palette.primary.dark,
1827
},
28+
components: {
29+
RaToolbar: {
30+
styleOverrides: {
31+
root: {
32+
backgroundColor: `color-mix(in oklab, var(--mui-palette-background-paper) 80%, light-dark(black, white))`,
33+
},
34+
},
35+
},
36+
},
1937
};
2038

2139
export const cssVariablesTheme = createTheme({

0 commit comments

Comments
 (0)