Skip to main content

Custom Styles

Custom Styles allows you to personalize the appearance of your Argo CD dashboard with custom logos, themes, and colors. All custom style settings can be located by navigating to Argo CD → your instance → Settings → Custom Styles.

You can customize the logo displayed in the sidebar of the Argo CD dashboard.

To upload a custom logo:

  1. Click Upload.

  2. Select your logo image file.

  3. Optionally, check Compress logo to reduce the file size.

  4. Click Save.

tip

The recommended logo resolution is 40x40 pixels.

Theme​

Select a pre-built theme to change the overall color scheme of the dashboard. Available themes:

  • Default
  • RedGold
  • Navy
  • Slack
  • Asphalt
  • Lavender
  • Terra
  • Beachball

To change the theme:

  1. Select a theme from the Theme dropdown.

  2. Preview the changes in the preview panel below.

  3. Click Save.

Color Customization​

For more granular control, you can customize individual color elements:

  • Sidebar: The navigation sidebar background and text colors
  • Page wrapper: The main content area background
  • Base primary button: Primary action button colors
  • Base secondary button: Secondary action button colors
  • Primary text and Link: Text and hyperlink colors

The preview panel shows how your changes will look across different views:

  • Applications: The main applications list view
  • Application Details: Individual application detail page
  • Drawer: Side panel drawers

Edit as CSS​

For advanced customization, click Edit as CSS to directly edit the CSS styles. This allows full control over the dashboard appearance beyond the pre-built options.