/* updated: radix-ui inspired modern dark theme for gitea */

:root {
  --color-primary: #F7F7F7;
  --color-primary-dark-1: #F3F3F3;
  --color-primary-dark-2: #F1F1F1;

  --color-body: #0e0f0f;
  --color-box-body: #111113;
  --color-box-header: #18191b;
  --color-box-border: #27272a;

  --color-text: #fafafa;
  --color-text-light: #a1a1aa;
  --color-text-dark: #111113;

  --color-secondary: #696B7A;
  --color-secondary-dark-1: #555657;

  --color-navbar: rgba(10, 10, 11, 0.62);
  --color-menu: #111113;
  --color-footer: #0a0a0b;
  --color-header-wrapper: rgba(10, 10, 11, 0.82);

  --color-button: #111113;
  --color-button-hover: #27272a;

  --color-input-background: #09090b;
  --color-input-border: #27272a;

  --color-hover: rgba(255, 255, 255, 0.04);
  --color-active: rgba(255, 255, 255, 0.08);

  --color-red: #ef4444;
  --color-orange: #f59e0b;
  --color-yellow: #eab308;
  --color-green: #22c55e;
  --color-blue: #3b82f6;
  --color-purple: #8b5cf6;
}

body,
.full.height {
  background: var(--color-body) !important;
  color: var(--color-text) !important;
}

.following.bar,
.ui.top.menu,
.ui.menu {
  background: var(--color-navbar) !important;
  backdrop-filter: blur(18px);
  border-bottom: 1px solid var(--color-box-border) !important;
  box-shadow: none !important;
}

.ui.segment,
.ui.card,
.repository.file.list,
.repository.diff,
.issue.list,
.feed,
.ui.attached.segment,
.ui.vertical.menu,
.repo-button-row {
  background: var(--color-box-body) !important;
  border: 1px solid rgba(255, 255, 255, 0.11) !important;
  border-radius: 14px !important;
  box-shadow: none !important;
}

.ui.input input,
.ui.form input,
.ui.form textarea,
.ui.selection.dropdown,
.ui.search.selection.dropdown {
  background: var(--color-input-background) !important;
  border: 1px solid var(--color-input-border) !important;
  color: var(--color-text) !important;
  border-radius: 7px !important;
}

.ui.input input:focus,
.ui.form input:focus,
.ui.form textarea:focus {
  border-color: var(--color-primary) !important;
  box-shadow: 0 0 0 1px var(--color-primary) !important;
}

.ui.button,
.ui.basic.button,
.ui.primary.button {
  background: var(--color-button) !important;
  border: 0px solid var(--color-box-border) !important;
  color: var(--color-text) !important;
  border-radius: 5px !important;
  transition: background .15s ease;
}

.ui.button:hover,
.ui.basic.button:hover,
.ui.primary.button:hover {
  background: var(--color-button-hover) !important;
}

.ui.primary.button {
  background: #363636 !important;
  border-color: #FFFFFF !important;
  color: var(--color-text) !important;
}

.ui.primary.button:hover {
  background: #36453f !important;
}

.repository .ui.tabular.menu .item,
.ui.secondary.menu .item {
  border-radius: 7px !important;
}

.repository .ui.tabular.menu .active.item,
.ui.secondary.menu .active.item {
  background: var(--color-active) !important;
  border: 1px solid var(--color-box-border) !important;
}

.ui.table {
  background: transparent !important;
  color: var(--color-text) !important;
}

.ui.table thead th {
  background: #111113 !important;
  color: var(--color-text-light) !important;
  border-bottom: 1px solid var(--color-box-border) !important;
}

.ui.table td {
  border-top: 1px solid rgba(255,255,255,.04) !important;
}

a {
  color: #EDF3FF !important;
}

a:hover {
  color: #ECFFF8 !important;
}

img.logo,
.navbar .logo {
  max-height: 24px;
}

::-webkit-scrollbar {
  width: 10px;
  height: 10px;
}

::-webkit-scrollbar-thumb {
  background: #27272a;
  border-radius: 999px;
}

::-webkit-scrollbar-track {
  background: transparent;
}