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

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

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

  /* Primer-like typography */
  --fonts-proportional:
    -apple-system, BlinkMacSystemFont, "Segoe UI", "Noto Sans", Helvetica,
    Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji";
  --fonts-monospace:
    ui-monospace, SFMono-Regular, SFMono-Regular, Menlo, Consolas,
    "Liberation Mono", monospace;

  /* GitHub light palette (approximation) */
  --color-primary: #0969da;
  --color-primary-hover: #0860ca;
  --color-primary-active: #0757ba;
  --color-primary-light-1: #218bff;
  --color-primary-light-5: #b6e3ff;
  --color-primary-light-6: #ddf4ff;
  --color-primary-light-7: #f0f9ff;
  --color-primary-alpha-10: #0969da19;
  --color-primary-alpha-20: #0969da33;
  --color-primary-alpha-30: #0969da4d;
  --color-primary-alpha-40: #0969da66;

  --color-body: #f6f8fa;
  --color-box-header: #f6f8fa;
  --color-box-body: #ffffff;
  --color-box-body-highlight: #f6f8fa;
  --color-card: #ffffff;
  --color-menu: #ffffff;
  --color-button: #f6f8fa;
  --color-code-bg: #f6f8fa;
  --color-nav-bg: #ffffff;
  --color-secondary-nav-bg: #ffffff;
  --color-nav-hover-bg: #f3f4f6;
  --color-nav-text: #24292f;
  --color-footer: #ffffff;

  --color-text-dark: #1f2328;
  --color-text: #24292f;
  --color-text-light: #57606a;
  --color-text-light-1: #656d76;
  --color-text-light-2: #6e7781;
  --color-text-light-3: #8c959f;

  --color-secondary: #d0d7de;
  --color-secondary-light-4: #f6f8fa;
  --color-input-border: #d0d7de;
  --color-input-border-hover: #8c959f;
  --color-input-background: #ffffff;
  --color-secondary-bg: #f6f8fa;
  --color-timeline: #d8dee4;
  --color-shadow: #1f232826;
  --color-shadow-opaque: #d0d7de;
  --color-hover-opaque: #f3f4f6;
}

body,
.full.height {
  background: var(--color-body);
}

#navbar {
  background: var(--color-nav-bg) !important;
  border-bottom: 1px solid #d8dee4;
  box-shadow: none !important;
}

#navbar .item {
  color: var(--color-nav-text) !important;
}

#navbar .item:hover,
#navbar .item.active {
  background: #f3f4f6 !important;
  color: var(--color-nav-text) !important;
}

.ui.top.attached.header,
.ui.attached.segment,
.ui.segment,
.ui.card,
.ui.cards > .card,
.ui.menu,
.ui.tabular.menu {
  border-color: #d8dee4 !important;
  box-shadow: none !important;
}

.ui.segment,
.ui.card,
.ui.cards > .card {
  border-radius: 6px !important;
}

.ui.top.attached.header {
  background: #f6f8fa !important;
  border-top-left-radius: 6px !important;
  border-top-right-radius: 6px !important;
}

.ui.attached.segment {
  border-bottom-left-radius: 6px !important;
  border-bottom-right-radius: 6px !important;
}

.ui.button,
.ui.basic.button,
.ui.labeled.button > .button {
  border-radius: 6px !important;
  box-shadow: none !important;
}

.ui.form input:not([type="checkbox"]):not([type="radio"]),
.ui.form textarea,
.ui.selection.dropdown {
  border-radius: 6px !important;
  border-color: #d0d7de !important;
}

.ui.form input:not([type="checkbox"]):not([type="radio"]):focus,
.ui.form textarea:focus,
.ui.selection.dropdown:focus,
.ui.selection.dropdown.active {
  border-color: #0969da !important;
  box-shadow: 0 0 0 3px #0969da33 !important;
}