08c42a2e62
- Fix ContentViewer background invisible against card in dark mode - Fix Remove button not red in dark mode by using color="red.6" - Add distinct card background for light mode (gray-0) vs app background - Use CSS custom properties for card background across color schemes Co-Authored-By: Claude Opus 4.6 (1M context) <noreply@anthropic.com>
16 lines
384 B
TypeScript
16 lines
384 B
TypeScript
import { Card } from "@mantine/core";
|
|
|
|
export const ThemeCard = Card.extend({
|
|
defaultProps: {
|
|
padding: "lg",
|
|
radius: "md",
|
|
withBorder: true,
|
|
},
|
|
classNames: (_theme, props) => {
|
|
if (props.variant === "responsive") return { root: "card-responsive" };
|
|
return {};
|
|
},
|
|
styles: () => ({
|
|
root: { backgroundColor: "var(--inspector-surface-card)" },
|
|
}),
|
|
});
|