:root {
  --sx-accent: #37eda3;
  --sx-dark: #1a1a2e;
}
.navbar, .sidebar { background-color: var(--sx-dark) !important; }
.btn-primary { background-color: var(--sx-accent) !important; border-color: var(--sx-accent) !important; }
a { color: var(--sx-accent); }

/* Show the wordmark alone wherever the template pairs it with the plain-text
   short name (login, share login, share download, error pages).  The wordmark
   already carries the name. */
.row:has(img[alt="Logo"]) > div { width: 100%; text-align: center; }
.row:has(img[alt="Logo"]) h1 { display: none; }
img[alt="Logo"] { height: 60px !important; width: auto; }
span:has(> img[alt="Logo"]) + span { display: none; }