/* kenn: forgejo's dark theme, recoloured. everything in forgejo's UI is drawn from two sets of variables: the "steel"
   greys (blue-tinted upstream) and the primary accent (orange upstream). we redefine those and nothing else, so new
   upstream components pick the colours up by themselves. values follow ~/apps/kenn/web/src/lib/styles/tokens.css. */
@import "./theme-forgejo-dark.css";

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

:root {
  /* greys, green-tinted: 800 = the site's --bg, 750 = --surface, 700 = --surface-2, 250 = --text-muted, 100 = --text */
  --steel-900: #080a07;
  --steel-850: #0a0c09;
  --steel-800: #0c0e0b;
  --steel-750: #12150f;
  --steel-700: #181c12;
  --steel-650: #1f2418;
  --steel-600: #283020;
  --steel-550: #343d2a;
  --steel-500: #424c36;
  --steel-450: #515c44;
  --steel-400: #616d53;
  --steel-350: #727e64;
  --steel-300: #869178;
  --steel-250: #9aa392;
  --steel-200: #b1b9a8;
  --steel-150: #cfd5c8;
  --steel-100: #f2f4ee;

  /* the accent: the site's lime. in a dark theme "dark-N" runs lighter and "light-N" darker. */
  --color-primary: #b5e853;
  --color-primary-contrast: #0c0e0b;
  --color-primary-dark-1: #c0ec6c;
  --color-primary-dark-2: #c9ef82;
  --color-primary-dark-3: #d3f299;
  --color-primary-dark-4: #dcf5af;
  --color-primary-dark-5: #e6f8c6;
  --color-primary-dark-6: #eefadb;
  --color-primary-dark-7: #f6fced;
  --color-primary-light-1: #a3d44a;
  --color-primary-light-2: #8fbc3f;
  --color-primary-light-3: #7aa135;
  --color-primary-light-4: #65862b;
  --color-primary-light-5: #566f26;
  --color-primary-light-6: #475c20;
  --color-primary-light-7: #38491a;
  --color-primary-alpha-10: #b5e85319;
  --color-primary-alpha-20: #b5e85333;
  --color-primary-alpha-30: #b5e8534b;
  --color-primary-alpha-40: #b5e85366;
  --color-primary-alpha-50: #b5e85380;
  --color-primary-alpha-60: #b5e85399;
  --color-primary-alpha-70: #b5e853b3;
  --color-primary-alpha-80: #b5e853cc;
  --color-primary-alpha-90: #b5e853e1;

  /* the few upstream values written as blue-grey literals instead of steel */
  --color-secondary-alpha-10: #1f241819;
  --color-secondary-alpha-20: #1f241833;
  --color-secondary-alpha-30: #1f24184b;
  --color-secondary-alpha-40: #1f241866;
  --color-secondary-alpha-50: #1f241880;
  --color-secondary-alpha-60: #1f241899;
  --color-secondary-alpha-70: #1f2418b3;
  --color-secondary-alpha-80: #1f2418cc;
  --color-secondary-alpha-90: #1f2418e1;
  --color-header-wrapper-transparent: #0a0c0900;
  --color-console-menu-bg: #1f2418;
  --color-console-menu-border: #424c36;
}

/* the logo is the app's 9x9 icon (kenn's apps registry). forgejo draws it at 30 px, where some cells come out a pixel
   wider than others: 27 px is three whole pixels a cell. */
#navbar-logo img { width: 27px; height: 27px; image-rendering: pixelated; }