A modern and dark theme for ArgoCD

Current Version: 0.1v

Prerquisites

1. Have ArgoCD already running
2. Set ArgoCD to dark theme

Screenshots:

ArgoCD UI

Applications Page

Application Details

Usage

1. kubectl edit configmap -n argocd argocd-cm -o yaml
2. Add ui.cssurl in data -> ui.cssurl: https://cdn.jsdelivr.net/gh/code-crusher/argocd-gravity-theme@main/argo-theme.css as below:

data:
  admin.enabled: "true"
  application.instanceLabelKey: argocd.argoproj.io/instance
  exec.enabled: "false"
  server.rbac.log.enforce.enable: "false"
  statusbadge.enabled: "false"
  timeout.hard.reconciliation: 0s
  timeout.reconciliation: 180s
  ui.cssurl: https://cdn.jsdelivr.net/gh/code-crusher/argocd-gravity-theme@main/argo-theme.css
  url: https://argocd.example.com

3. Refersh the ArgoCD UI

Note

To self host the CSS, you can clone the repo and generate a new URL from JS Deliver and replace the URL.