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

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

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

  /* Harbor Night */
  --hn-deep: #0e1820;  --hn-navy: #14222c;  --hn-tide: #22384a;
  --hn-rust: #d9693d;  --hn-sky: #7fb2d1;   --hn-foam: #e4e9ec;
  --hn-mist: #93a6b3;

  /* Accent */
  --color-primary: var(--hn-rust);
  --color-primary-contrast: #ffffff;
  --color-primary-dark-1: #e07b52;
  --color-primary-dark-2: #e68d69;
  --color-primary-light-1: #c25a31;
  --color-primary-light-2: #a84d29;
  --color-primary-alpha-30: #d9693d4d;
  --color-primary-alpha-60: #d9693d99;

  /* Surfaces */
  --color-body: var(--hn-navy);
  --color-box-body: var(--hn-navy);
  --color-box-body-highlight: #1a2c39;
  --color-box-header: #1a2c39;
  --color-header-wrapper: #1a2c39;
  --color-nav-bg: var(--hn-deep);
  --color-secondary-nav-bg: var(--hn-navy);
  --color-menu: #1a2c39;
  --color-card: #1a2c39;
  --color-footer: var(--hn-deep);
  --color-input-background: var(--hn-deep);
  --color-button: #1a2c39;
  --color-code-bg: var(--hn-deep);
  --color-markup-code-block: #1a2c39;
  --color-markup-code-inline: var(--hn-tide);
  --color-light: #22384a66;
  --color-hover: #22384a8c;
  --color-active: #2a4459;

  /* Lines */
  --color-secondary: var(--hn-tide);
sudo -v
sudo mkdir -p ~/stack/gitea/gitea/public/assets/css
sudo tee ~/stack/gitea/gitea/public/assets/css/theme-harbor-night.css > /dev/null <<'EOF'
@import url("./base-gitea-dark.css");

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

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

  /* Harbor Night */
  --hn-deep: #0e1820;  --hn-navy: #14222c;  --hn-tide: #22384a;
  --hn-rust: #d9693d;  --hn-sky: #7fb2d1;   --hn-foam: #e4e9ec;
  --hn-mist: #93a6b3;

  /* Accent */
  --color-primary: var(--hn-rust);
  --color-primary-contrast: #ffffff;
  --color-primary-dark-1: #e07b52;
  --color-primary-dark-2: #e68d69;
  --color-primary-light-1: #c25a31;
  --color-primary-light-2: #a84d29;
  --color-primary-alpha-30: #d9693d4d;
  --color-primary-alpha-60: #d9693d99;

  /* Surfaces */
  --color-body: var(--hn-navy);
  --color-box-body: var(--hn-navy);
  --color-box-body-highlight: #1a2c39;
  --color-box-header: #1a2c39;
  --color-header-wrapper: #1a2c39;
  --color-nav-bg: var(--hn-deep);
  --color-secondary-nav-bg: var(--hn-navy);
  --color-menu: #1a2c39;
  --color-card: #1a2c39;
  --color-footer: var(--hn-deep);
  --color-input-background: var(--hn-deep);
  --color-button: #1a2c39;
  --color-code-bg: var(--hn-deep);
  --color-markup-code-block: #1a2c39;
  --color-markup-code-inline: var(--hn-tide);
  --color-light: #22384a66;
  --color-hover: #22384a8c;
  --color-active: #2a4459;

  /* Lines */
  --color-secondary: var(--hn-tide);
  --color-secondary-dark-1: #2d4a60;
  --color-light-border: #22384acc;
  --color-input-border: var(--hn-tide);

  /* Text */
  --color-text: var(--hn-foam);
  --color-text-dark: #f3f6f7;
  --color-text-light: #d5dde2;
  --color-text-light-1: #b4c2cb;
  --color-text-light-2: #9fb0bb;
  --color-text-light-3: #8a9ca8;
}

/* Links in READMEs and rendered markdown: sky blue, like the docs */
.markup a { color: var(--hn-sky); }
