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

gitea-theme-meta-info {
  --theme-display-name: "Enkydia Forge";
  --theme-color-scheme: "dark";
}

:root {
  --is-dark-theme: true;
  color-scheme: dark;

  --color-primary: #fc4a02;
  --color-primary-contrast: #0e0e0e;
  --color-primary-dark-1: #ff5c1c;
  --color-primary-dark-2: #ff6d36;
  --color-primary-dark-3: #ff7e50;
  --color-primary-dark-4: #ff936d;
  --color-primary-dark-5: #ffb294;
  --color-primary-dark-6: #ffd7c8;
  --color-primary-dark-7: #fff4ef;
  --color-primary-light-1: #e84200;
  --color-primary-light-2: #cf3b00;
  --color-primary-light-3: #b83400;
  --color-primary-light-4: #9f2d00;
  --color-primary-light-5: #6f1f00;
  --color-primary-light-6: #3d1100;
  --color-primary-light-7: #1f0800;
  --color-primary-alpha-10: #fc4a0219;
  --color-primary-alpha-20: #fc4a0233;
  --color-primary-alpha-30: #fc4a024d;
  --color-primary-alpha-40: #fc4a0266;
  --color-primary-alpha-50: #fc4a0280;
  --color-primary-alpha-60: #fc4a0299;
  --color-primary-alpha-70: #fc4a02b3;
  --color-primary-alpha-80: #fc4a02cc;
  --color-primary-alpha-90: #fc4a02e6;
  --color-primary-hover: var(--color-primary-dark-1);
  --color-primary-active: var(--color-primary-light-1);

  --color-secondary: #303238;
  --color-secondary-dark-1: #3a3d44;
  --color-secondary-dark-2: #454850;
  --color-secondary-dark-3: #535760;
  --color-secondary-dark-4: #646973;
  --color-secondary-light-1: #292b30;
  --color-secondary-light-2: #222429;
  --color-secondary-light-3: #1a1c20;
  --color-secondary-light-4: #141518;
  --color-secondary-button: #555a64;
  --color-secondary-hover: #464a52;
  --color-secondary-active: #393c43;

  --color-orange: #fc4a02;
  --color-orange-light: #ff7e50;
  --color-orange-dark-1: #e84200;
  --color-orange-dark-2: #cf3b00;
  --color-git: #fc4a02;
  --color-logo: #fc4a02;

  --color-body: #0b0c0e;
  --color-box-header: #15171a;
  --color-box-body: #101216;
  --color-box-body-highlight: #191c20;
  --color-text-dark: #fcfaf5;
  --color-text: #e5e2dc;
  --color-text-light: #cbc7bf;
  --color-text-light-1: #aaa69f;
  --color-text-light-2: #8d8a84;
  --color-text-light-3: #74716d;
  --color-footer: #0e0f11;
  --color-timeline: #34373d;
  --color-input-text: #fcfaf5;
  --color-input-background: #111317;
  --color-input-toggle-background: #292c31;
  --color-input-border: #383b42;
  --color-light: #fcfaf50d;
  --color-light-border: #fcfaf51f;
  --color-hover: #fcfaf50f;
  --color-hover-opaque: #191b1f;
  --color-active: #fc4a0224;
  --color-menu: #121418;
  --color-card: #121418;
  --color-markup-table-row: #fcfaf508;
  --color-markup-code-block: #08090b;
  --color-markup-code-inline: #fc4a021a;
  --color-button: #191b1f;
  --color-code-bg: #08090b;
  --color-shadow: #00000066;
  --color-shadow-opaque: #000000;
  --color-secondary-bg: #26292e;
  --color-expand-button: #292c31;
  --color-editor-line-highlight: #fc4a021f;
  --color-editor-selection: #fc4a024d;
  --color-project-column-bg: #111317;
  --color-reaction-bg: #fcfaf50d;
  --color-reaction-hover-bg: #6f1f00;
  --color-reaction-active-bg: #9f2d00;
  --color-tooltip-text: #fcfaf5;
  --color-tooltip-bg: #08090bf2;
  --color-nav-bg: #0e0f11;
  --color-nav-hover-bg: #1b1d21;
  --color-nav-text: #e5e2dc;
  --color-secondary-nav-bg: #121418;
  --color-label-text: #e5e2dc;
  --color-label-bg: #34373d99;
  --color-label-hover-bg: #4a4e57b3;
  --color-label-active-bg: #fc4a023d;
  --color-accent: #fc4a02;
  --color-small-accent: #ff936d;
  --color-highlight-fg: #fcfaf5;
  --color-highlight-bg: #5a210d;

  --color-console-bg: #08090b;
  --color-console-border: #2b2e34;
  --color-console-hover-bg: #14161a;
  --color-console-active-bg: #1b1e23;
  --color-console-menu-bg: #111317;
  --color-console-menu-border: #34373d;
  --color-console-link: #ff7e50;

  --fonts-proportional: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  --fonts-monospace: "JetBrains Mono", "Cascadia Code", "SFMono-Regular", Consolas, monospace;
}

body {
  background: var(--color-body);
}

#navbar {
  border-bottom: 1px solid #282b30;
  box-shadow: 0 1px 0 #00000080;
}

#navbar .item.active {
  color: var(--color-text-dark);
  box-shadow: inset 0 -2px 0 var(--color-primary);
}

.ui.primary.button,
.ui.primary.buttons .button {
  color: #0e0e0e;
  background: var(--color-primary);
  border-color: var(--color-primary);
  font-weight: 700;
}

.ui.primary.button:hover,
.ui.primary.buttons .button:hover {
  color: #0e0e0e;
  background: var(--color-primary-hover);
  border-color: var(--color-primary-hover);
}

.ui.primary.basic.button {
  color: var(--color-primary-dark-2);
  background: transparent !important;
  box-shadow: inset 0 0 0 1px var(--color-primary-alpha-60) !important;
}

.ui.segment,
.ui.segments,
.ui.attached.segment,
.ui.card,
.ui.cards > .card {
  border-color: #2b2e34;
}

.repository.file.list #repo-files-table,
.repository.file.list .non-diff-file-content,
.repository .diff-file-box {
  border-color: #2b2e34;
}

.ui.input > input:focus,
.ui.form input:not([type]):focus,
.ui.form input[type="text"]:focus,
.ui.form input[type="password"]:focus,
.ui.form textarea:focus {
  border-color: var(--color-primary);
  box-shadow: 0 0 0 1px var(--color-primary-alpha-30);
}

.markup h1,
.markup h2 {
  border-bottom-color: #2b2e34;
}

.markup code,
.markup pre,
.code-view,
.file-view.code-view {
  font-variant-ligatures: none;
}

::-webkit-scrollbar-thumb {
  background: #3b3e45;
  border-color: var(--color-body);
}

::-webkit-scrollbar-thumb:hover {
  background: #535760;
}

::selection {
  color: #fcfaf5;
  background: #9f2d00;
}