@import url("/assets/css/theme-gitea-dark.css");

gitea-theme-meta-info {
  --theme-display-name: "Mobydick";
}

:root {
  --is-dark-theme: true;
  --color-primary: #facc15;
  --color-primary-contrast: #061832;
  --color-primary-dark-1: #e9b700;
  --color-primary-dark-2: #d6a700;
  --color-primary-dark-3: #b98f00;
  --color-primary-dark-4: #8a6c08;
  --color-primary-dark-5: #5d490b;
  --color-primary-dark-6: #322806;
  --color-primary-dark-7: #1c1704;
  --color-primary-light-1: #fde047;
  --color-primary-light-2: #fef08a;
  --color-primary-light-3: #fff3a3;
  --color-primary-light-4: #fff7c2;
  --color-primary-light-5: #fef9d9;
  --color-primary-light-6: #fffceb;
  --color-primary-light-7: #fffdf3;
  --color-primary-alpha-10: #facc1519;
  --color-primary-alpha-20: #facc1533;
  --color-primary-alpha-30: #facc154d;
  --color-primary-alpha-40: #facc1566;
  --color-primary-alpha-50: #facc1580;
  --color-primary-alpha-60: #facc1599;
  --color-primary-alpha-70: #facc15b3;
  --color-primary-alpha-80: #facc15cc;
  --color-primary-alpha-90: #facc15e6;
  --color-primary-hover: #fde047;
  --color-primary-active: #e9b700;

  --color-body: #061832;
  --color-box-header: #0a2141;
  --color-box-body: #071d39;
  --color-box-body-highlight: #0d2a50;
  --color-card: #0b2342;
  --color-menu: #0b2342;
  --color-button: #102d54;
  --color-code-bg: #071426;
  --color-input-background: #081b35;
  --color-input-toggle-background: #17365f;
  --color-secondary-bg: #102d54;
  --color-project-column-bg: #0d2a50;
  --color-nav-bg: #071f3d;
  --color-nav-hover-bg: #12345e;
  --color-secondary-nav-bg: #08213f;
  --color-footer: var(--color-nav-bg);

  --color-secondary: #244467;
  --color-secondary-dark-1: #2b5078;
  --color-secondary-dark-2: #315d8a;
  --color-secondary-dark-3: #38699a;
  --color-secondary-dark-4: #477ba8;
  --color-secondary-dark-5: #5b8cb8;
  --color-secondary-dark-6: #75a0c6;
  --color-secondary-dark-7: #91b4d5;
  --color-secondary-light-1: #1b3657;
  --color-secondary-light-2: #142b49;
  --color-secondary-light-3: #0e223d;
  --color-secondary-light-4: #071832;
  --color-secondary-alpha-20: #24446733;
  --color-secondary-alpha-30: #2444674d;
  --color-secondary-alpha-50: #24446780;
  --color-secondary-button: #315d8a;
  --color-secondary-hover: #38699a;
  --color-secondary-active: #244467;

  --color-text-dark: #ffffff;
  --color-text: #f8fafc;
  --color-text-light: #d8e2ee;
  --color-text-light-1: #bfd0e2;
  --color-text-light-2: #95abc4;
  --color-text-light-3: #6f87a5;
  --color-nav-text: var(--color-text);
  --color-label-text: var(--color-text);
  --color-placeholder-text: #7890ad;
  --color-caret: var(--color-primary);
  --color-accent: var(--color-primary);
  --color-small-accent: #3c518e;

  --color-yellow: #facc15;
  --color-yellow-dark-1: #e9b700;
  --color-orange: #fb923c;
  --color-orange-dark-1: #ea7c20;
  --color-blue: #38bdf8;
  --color-blue-dark-1: #1998d1;
  --color-info-border: #38699a;
  --color-info-bg: #0d2a50;
  --color-info-text: #93c5fd;
  --color-warning-border: #e9b700;
  --color-warning-bg: #3d3108;
  --color-warning-text: #fef08a;
  --color-success-border: #13953e;
  --color-success-bg: #0e3427;
  --color-success-text: #4ade80;
  --color-error-border: #b54b5d;
  --color-error-bg: #3a1723;
  --color-error-text: #fecdd3;

  --color-light: #f8fafc17;
  --color-light-border: #facc1533;
  --color-hover: #facc1514;
  --color-hover-opaque: #102d54;
  --color-active: #facc1524;
  --color-reaction-bg: #facc1514;
  --color-reaction-hover-bg: #facc1526;
  --color-reaction-active-bg: #facc1538;
  --color-label-bg: #facc1529;
  --color-label-hover-bg: #facc1540;
  --color-label-active-bg: #facc1566;
  --color-shadow: #00152f99;
  --color-shadow-opaque: #020b18;
  --color-tooltip-bg: #020b18f2;
  --color-overlay-backdrop: #020b18cc;
  --color-highlight-fg: #fef08a;
  --color-highlight-bg: #3d3108;

  --color-diff-added-linenum-bg: #173f2c;
  --color-diff-added-row-bg: #102f25;
  --color-diff-added-row-border: #246345;
  --color-diff-added-word-bg: #246345;
  --color-diff-removed-linenum-bg: #4b1e2a;
  --color-diff-removed-row-bg: #331622;
  --color-diff-removed-row-border: #7f3147;
  --color-diff-removed-word-bg: #7f3147;
  --color-diff-inactive: #0b2342;

  accent-color: var(--color-primary);
  color-scheme: dark;
}

body {
  background:
    radial-gradient(circle at top, rgba(250, 204, 21, 0.1), transparent 32rem),
    linear-gradient(180deg, #071f3d 0%, #061832 36rem),
    var(--color-body);
}

.ui.primary.button,
.ui.primary.buttons .button,
.ui.green.button,
.ui.green.buttons .button {
  background: var(--color-primary);
  color: var(--color-primary-contrast);
}

.ui.primary.button:hover,
.ui.primary.buttons .button:hover,
.ui.green.button:hover,
.ui.green.buttons .button:hover {
  background: var(--color-primary-hover);
  color: var(--color-primary-contrast);
}

.ui.menu,
.ui.segment,
.ui.card,
.ui.cards > .card,
.repository.file.list #repo-files-table {
  border-color: rgba(250, 204, 21, 0.14);
}

.following.bar.light {
  background: rgba(7, 31, 61, 0.94);
  border-bottom-color: rgba(250, 204, 21, 0.18);
  backdrop-filter: blur(14px);
}

.repository .header-wrapper,
.repository .repo-header {
  background:
    radial-gradient(circle at 12% 0%, rgba(250, 204, 21, 0.12), transparent 22rem),
    var(--color-box-header);
}

a,
.ui.breadcrumb a,
.ui.link.list .item a,
.ui.list .list > .item a.header,
.ui.list > .item a.header {
  color: #facc15;
}

a:hover,
.ui.breadcrumb a:hover,
.ui.link.list .item a:hover {
  color: #fef08a;
}
