:root,
:root[data-theme="gitea"],
:root[data-theme="gitea-auto"] {
  --color-primary: #7363ff;
  --color-primary-dark-1: #6353ef;
  --color-primary-dark-2: #5443df;
  --color-primary-dark-3: #4f46e5;
  --color-primary-dark-4: #4038c0;
  --color-primary-dark-5: #332ea0;
  --color-primary-dark-6: #262180;
  --color-primary-dark-7: #1b1860;
  --color-primary-dark-8: #100f40;
  --color-primary-light-1: #8577ff;
  --color-primary-light-2: #978bff;
  --color-primary-light-3: #a99fff;
  --color-primary-light-4: #bbb3ff;
  --color-primary-light-5: #cdc7ff;
  --color-primary-light-6: #dfdbff;
  --color-primary-light-7: #f1efff;

  --color-secondary: #4ac6ff;
  --color-secondary-dark-1: #2fb9fb;
  --color-secondary-light-1: #84d8ff;

  --color-nav-bg: #0f172a;
  --color-header-text: #f1f5f9;
}

.ui.top.attached.header,
.page-content-inner .header,
.navbar,
.ui.menu.new-menu {
  background: linear-gradient(90deg, #0f172a 0%, #262180 100%) !important;
}

.ui.button.primary,
.ui.primary.button,
.ui.green.button {
  background-color: #7363ff !important;
}
.ui.button.primary:hover,
.ui.primary.button:hover {
  background-color: #4f46e5 !important;
}

a {
  color: #4f46e5;
}
a:hover {
  color: #7363ff;
}