> ## Documentation Index > Fetch the complete documentation index at: https://developer.dromo.io/llms.txt > Use this file to discover all available pages before exploring further. # Style Overrides > Customize the Dromo Uploader with your own CSS styles. The Dromo Uploader supports custom CSS styling. You can use the `styleOverrides` prop to customize the appearance of the uploader. Specify custom CSS styling on any UI element to make it match your brand requirements. For a visual overlay of the available styling options, see the [guide to customizing styles](/guides/custom-styling).
Style overrides that affect the general UI of the Dromo Uploader
The primary text color The secondary text color A URL to a custom font file The name of the font family provided by the custom font file Added in v2 The background color of the modal Added in v2 The border radius of the modal Added in v2 The border style of the modal Added in v2 The border width of the modal Added in v2 The border color of the modal The general text color for UI elements Color used for success states and messages Color used for warning states and messages Whether to apply a blur effect to the background when modals are open
Style overrides for the primary action button
The radius of the button The background color of the button The color of the text in the button The `border` shorthand property to apply to the button The background color of the button while hovering The text color of the button while hovering The `border` shorthand property to apply to the button while hovering The background color of the button when it is disabled The text color of the button when it is disabled The padding of the button
Style overrides for the secondary action button
The radius of the button The background color of the button The color of the text in the button The `border` shorthand property to apply to the button The background color of the button while hovering The text color of the button while hovering The `border` shorthand property to apply to the button while hovering The background color of the button when it is disabled The text color of the button when it is disabled The padding of the button
Style overrides for the tertiary action button
The radius of the button The background color of the button The color of the text in the button The `border` shorthand property to apply to the button The background color of the button while hovering The text color of the button while hovering The `border` shorthand property to apply to the button while hovering The background color of the button when it is disabled The text color of the button when it is disabled The padding of the button
Style overrides for the file dropzone on the upload screen
The width of the dropzone border in pixels The radius of the dropzone border in pixels The color of the dropzone border The style of the dropzone border The background color of the dropzone The outline property of the dropzone
Style overrides for the help text boxes
The text color of the help text The background color of the help text box
Style overrides for the progress bar in the header
The color of completed steps The color of steps that have not been started yet The color of the step currently in progress Added in v2 The font size of the step text Added in v2 The font weight of completed steps Added in v2 The font weight of incomplete steps Added in v2 The font weight of the current step Added in v2 The background color of the stepper bar Added in v2 The bottom border separating the stepper bar from the rest of the modal
Style overrides for the data table (Handsontable) component
The font weight of column headers The background color of column headers The text color of column headers The background color of row headers (row numbers) The text color of row headers (row numbers) The background color of the corner header (top-left cell) The border color of selected cells The background color of selected cells General accent color that affects various interactive elements in the table The background color of active column headers The text color of active column headers The background color of highlighted column headers The text color of highlighted column headers
Style overrides for modal overlay backdrop
The background color of the modal overlay The opacity of the modal overlay (0-100)
Style overrides for the Error Navigator panel shown during the Review Step when [`enableNavigatingErrors`](/reference/settings/settings#enablenavigatingerrors) is `true`. All color values accept any valid CSS color string (hex, rgb, hsl, CSS variables, etc.).
Color applied to error-level indicator icons, error message text, and the error issue count badge. Color applied to warning-level indicator icons and warning message text. Color applied to the primary action buttons ("Replace", "Apply") and the active column filter chip border and text. URL of a custom image to display in place of the default exclamation circle icon for error rows. The image renders at 12×12 px with `object-contain`. Set to `null` to use the default icon. URL of a custom image to display in place of the default exclamation circle icon for warning rows. The image renders at 12×12 px with `object-contain`. Set to `null` to use the default icon.
```javascript theme={null} styleOverrides: { errorNavigator: { errorColor: "#B91C1C", warningColor: "#D97706", accentColor: "#6366F1", errorIconUrl: "https://cdn.example.com/error-icon.svg", warningIconUrl: null, } } ```