blender-projects-gitea-custom/templates/custom/header.tmpl

<style>
  /* bthree dark theme */
  @font-face {
    font-family: "Heebo";
    src: url("../fonts/Heebo-VariableFont_wght.ttf") format("truetype-variations");
    font-weight: normal;
    font-variation-settings: "wght" var(--font-weight);
    font-style: normal
  }

  :root {
    /* Spacing. */
    --spacer: 1rem;
    --spacer-1: .25rem;
    --spacer-2: .5rem;
    --spacer-3: var(--spacer);
    --spacer-4: 1.5rem;
    --spacer-5: 3rem;

    /* Override fonts. */
    --fonts-override: 'Heebo', -apple-system, BlinkMacSystemFont, "Segoe UI", Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
    --font-weight-thin: 300;
    --font-weight-bold: 600;

    --border-radius: .33rem;

    /* Transitions. */
    --transition-speed: 150ms;
  }

  /* Light-theme specific. */
  .theme-gitea {
    --color-primary: hsl(204deg, 90%, 52%);
  }

  @media (min-width: 1200px) {
    /* Limit navbar width on large screens. */
    .dashboard-navbar {
      margin-left: auto;
      margin-right: auto;
      max-width: 1170px;
    }
  }

  /* Revert the red color in dashboard eader buttons. */
  .dashboard.feeds .right.stackable.menu>.item.active,
  .dashboard.issues .right.stackable.menu>.item.active {
    color: unset;
  }

  /* Global tweaks (all themes) */
  .ui.avatar {
    border-radius: 50%;
  }

  .ui.user.list .ui.avatar,
  .ui.user.list .ui.avatar+.content {
    display: inline-block;
  }

  /* Fix alignment and margin issues in avatars. */
  .user.list img.avatar,
  .comment-list .code-comment img.avatar,
  .comment-list .comment img.avatar {
    vertical-align: unset !important;
  }

  .user.list img.avatar,
  .commit-list img.avatar,
  .comment-list .code-comment img.avatar,
  .comment-list .comment img.avatar,
  .comment-list .timeline-item img.avatar {
    margin-right: var(--spacer-2) !important;
  }

  .commit-list .author img.avatar {
    margin-right: var(--spacer-3) !important;
  }

  /* Labels. e.g. issues count indicator in repo tabs. */
  .ui.small.label {
    border-radius: 2em;
  }

  /* Hide the first link (app logo). */
  .following.bar #navbar .brand a:first-child {
    display: none;
  }

  .following.bar #navbar .brand #navbar-expand-toggle {
    margin-left: var(--spacer-4);
  }

  /* Hide brand navbar completely when not in mobile. */
  @media (min-width: 768px) {
    .following.bar #navbar .brand {
      display: none;
    }
  }

  /* Navigation tabs.
  * e.g. Code, Issues pages in a repository. */
  .ui.tabular.menu .item {
    border: none;
    border-bottom: 3px solid transparent;
    border-radius: 0;
    transition: border-bottom-color var(--transition-speed) ease-in-out, color var(--transition-speed) ease-in-out;
  }

  .ui.tabular.menu .item:hover {
    border-bottom-color: var(--color-text-dark);
  }

  .ui.tabular.menu .active.item {
    background: transparent;
    border: none;
    border-bottom: 3px solid currentColor;
    margin-bottom: unset;
  }

  .ui.tabular.menu .active.item:hover {
    background: transparent;
    border-color: var(--color-text-dark);
    color: var(--color-text-dark);
  }

  /* Repository page. */
  .repository .repo-title .repo-icon svg {
    max-width: 22px;
  }

  .ui.table {
    background: transparent;
  }

  .repository .ui.table a {
    color: var(--color-text);
  }

  .repository .file-view.markdown a {
    color: var(--color-primary);
  }

  .repository .file-view .markup img {
    border-radius: var(--border-radius);
  }

  /* Repository folder icon. */
  .repository.file.list #repo-files-table tbody .svg.octicon-file-directory-fill {
    color: currentColor;
  }

  .ui.repo-topic.label {
    border-radius: 2em;
  }

  /* Repository stats. */
  .repository-summary-language-stats {
    height: unset;
  }

  .repository .repository-summary .segment.language-stats {
    height: 4px;
  }

  /* Repository: Activity page. */
  .stats-table {
    border-radius: 2em;
    margin-bottom: var(--spacer);
    overflow: hidden;
  }

  /* Footer. */
  footer {
    color: var(--color-footer-text);
  }

  footer a {
    color: var(--color-footer-links);
  }
</style>