adminjs icon indicating copy to clipboard operation
adminjs copied to clipboard

filter drawer colors

Open loagencydev opened this issue 2 years ago • 1 comments

Describe the problem feature solves the current issue is that the theming of the filter drawer is quite limited to colors that actually match with the white which is used for the headers in the filter drawer. It'd be awesome if the colors of the filter drawer would be customizable regardless of how the main dashboard or app colors are set.

Describe the solution you'd like the easiest would be to have such thing:

const theme = combineStyles({
	colors: {
		filterBg: "#fff",
		filterColor: "#000" // <- this should have effect on the labels, header (h3) and reset button
	},
});

Describe alternatives you've considered so far i tried to actually override the components, but there was no luck

Acceptance criteria to be able to style them as described

loagencydev avatar Jun 13 '22 17:06 loagencydev

Design system v3/core v6 should have more customization options related to themes

dziraf avatar Jun 24 '22 10:06 dziraf

Extra Theme colors have been added in version 3 of design system, you can also use special css selectors to create custom styles: https://docs.adminjs.co/ui-customization/overwriting-css-styles

dziraf avatar Nov 29 '22 14:11 dziraf