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

gitea-theme-meta-info {
  --theme-display-name: "cpl0 Dark";
  --theme-color-scheme: "dark";
}

:root {
  --steel-900: #151618;
  --steel-850: #1b1c1f;
  --steel-800: #202124;
  --steel-750: #25262a;
  --steel-700: #2a2c30;
  --steel-650: #313337;
  --steel-600: #3a3c41;
  --steel-550: #44474c;
  --steel-500: #4f5258;
  --steel-450: #5c5f66;
  --steel-400: #6b6f76;
  --steel-350: #7c8087;
  --steel-300: #8f939a;
  --steel-250: #a3a7ad;
  --steel-200: #b8bbc0;
  --steel-150: #cdd0d4;
  --steel-100: #e6e7e9;
  --color-primary: #e4e6e9;
  --color-primary-contrast: #151618;
  --color-primary-dark-1: #f0f1f3;
  --color-primary-dark-2: #ffffff;
  --color-primary-dark-3: #ffffff;
  --color-primary-dark-4: #ffffff;
  --color-primary-dark-5: #ffffff;
  --color-primary-dark-6: #ffffff;
  --color-primary-dark-7: #ffffff;
  --color-primary-light-1: #cdd0d4;
  --color-primary-light-2: #b8bbc0;
  --color-primary-light-3: #6b6f76;
  --color-primary-light-4: #4f5258;
  --color-primary-light-5: #44474c;
  --color-primary-light-6: #313337;
  --color-primary-light-7: #25262a;
  --color-primary-alpha-10: #e4e6e919;
  --color-primary-alpha-20: #e4e6e933;
  --color-primary-alpha-30: #e4e6e94b;
  --color-primary-alpha-40: #e4e6e966;
  --color-primary-alpha-50: #e4e6e980;
  --color-primary-alpha-60: #e4e6e999;
  --color-primary-alpha-70: #e4e6e9b3;
  --color-primary-alpha-80: #e4e6e9cc;
  --color-primary-alpha-90: #e4e6e9e1;
  --color-primary-hover: #ffffff;
  --color-primary-active: #ffffff;
  --color-accent: var(--color-primary);
  --color-logo: var(--color-primary);
  --color-small-accent: var(--steel-650);
  --color-highlight-fg: var(--steel-100);
  --color-highlight-bg: var(--color-primary-alpha-20);
  --color-body: var(--steel-850);
  --color-nav-bg: var(--steel-850);
  --color-secondary-nav-bg: var(--steel-850);
  --color-footer: var(--steel-850);
  --color-box-body: var(--steel-800);
  --color-box-header: var(--steel-750);
  --color-box-body-highlight: var(--steel-700);
  --color-card: var(--steel-800);
  --color-menu: var(--steel-750);
  --color-button: var(--steel-700);
  --color-input-background: var(--steel-800);
  --color-input-toggle-background: var(--steel-650);
  --color-input-border: var(--steel-550);
  --color-input-border-hover: var(--steel-450);
  --color-hover: var(--steel-700);
  --color-active: var(--steel-650);
  --color-nav-hover-bg: var(--steel-700);
  --color-markup-code-block: var(--steel-800);
  --color-markup-code-inline: var(--steel-650);
  --color-code-bg: var(--steel-800);
  --color-secondary: var(--steel-600);
  --color-reaction-active-bg: var(--color-primary-alpha-20);
  --color-reaction-hover-bg: var(--color-primary-alpha-30);
  --color-selection-bg: var(--steel-150);
  --color-selection-fg: var(--steel-900);
  --cpl0-logo-filter: brightness(0) invert(0.92);
  --cpl0-hairline: rgb(228 230 233 / 0.35);
  --cpl0-underline: var(--steel-400);
}

#navbar-logo img,
.home img.logo {
  filter: var(--cpl0-logo-filter);
}