MagicStarterModalTheme class
Theme configuration for modal/dialog colors and styling.
Allows consumer apps to override the default Wind UI class names used for modal containers, headers, bodies, footers, buttons, inputs, and typography.
All fields are optional; defaults preserve a sensible dark-mode-aware style with no breaking changes.
Example
MagicStarter.useModalTheme(
MagicStarterModalTheme(
containerClassName: 'bg-zinc-900 rounded-2xl border border-zinc-700',
primaryButtonClassName:
'px-6 py-3 rounded-xl bg-indigo-600 hover:bg-indigo-700 text-white font-semibold',
maxWidth: 560.0,
),
);
Constructors
- MagicStarterModalTheme({String containerClassName = 'bg-white dark:bg-gray-800 rounded-2xl', String headerClassName = 'px-6 pt-6 pb-4', String bodyClassName = 'px-6 pb-4', String titleClassName = 'text-xl font-semibold text-gray-900 dark:text-white mb-2', String descriptionClassName = 'text-sm text-gray-600 dark:text-gray-400', String primaryButtonClassName = 'px-4 py-2 rounded-lg bg-primary hover:bg-primary/80 text-white text-sm font-medium', String secondaryButtonClassName = 'px-4 py-2 rounded-lg bg-white dark:bg-gray-800 border border-gray-200 dark:border-gray-700 hover:bg-gray-50 dark:hover:bg-gray-700 text-gray-700 dark:text-gray-200 text-sm font-medium', String dangerButtonClassName = 'px-4 py-2 rounded-lg bg-red-500 hover:bg-red-600 text-white text-sm font-medium', String warningButtonClassName = 'px-4 py-2 rounded-lg bg-amber-500 hover:bg-amber-600 text-white text-sm font-medium', String errorClassName = 'text-sm text-red-600 dark:text-red-400', String inputClassName = 'w-full px-3 py-3 rounded-lg bg-white dark:bg-gray-800 border border-gray-200 dark:border-gray-700 text-gray-900 dark:text-white focus:border-primary', double maxWidth = 448.0})
-
const
Properties
- bodyClassName → String
-
Body section className (main content area).
final
- containerClassName → String
-
Container/dialog background and border-radius className.
final
- dangerButtonClassName → String
-
Destructive/danger action button className.
final
- descriptionClassName → String
-
Description/subtitle text className.
final
- errorClassName → String
-
Inline error message text className.
final
-
Footer section className (action buttons row).
final
- hashCode → int
-
The hash code for this object.
no setterinherited
- headerClassName → String
-
Header section className (wraps title + description).
final
- inputClassName → String
-
Text input field className.
final
- maxWidth → double
-
Maximum width of the modal dialog in logical pixels.
final
- primaryButtonClassName → String
-
Primary action button className.
final
- runtimeType → Type
-
A representation of the runtime type of the object.
no setterinherited
- secondaryButtonClassName → String
-
Secondary/cancel action button className.
final
- titleClassName → String
-
Title text className.
final
- warningButtonClassName → String
-
Warning action button className.
final
Methods
-
noSuchMethod(
Invocation invocation) → dynamic -
Invoked when a nonexistent method or property is accessed.
inherited
-
toString(
) → String -
A string representation of this object.
inherited
Operators
-
operator ==(
Object other) → bool -
The equality operator.
inherited