Theme: Move some styling to apply to all themes

Use the header.tmpl file to apply global styling (like removing the
app logo).

templates/custom/header.tmpl

@@ -1,20 +1,159 @@
 <style>
-    .page-content.home ul,
-    .page-content.dashboard ul{
-        padding-inline-start: 15px;
-    }
+  /* 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
+  }
 
-    ul.two-col {
-        columns: 2;
-    }
+  :root {
+    /* Spacing. */
+    --spacer: 1rem;
+    --spacer-1: .25rem;
+    --spacer-2: .5rem;
+    --spacer-3: var(--spacer);
+    --spacer-4: 1.5rem;
+    --spacer-5: 3rem;
 
-    .page-content.home .ui.cards>.card, .ui.card,
-    .page-content.dashboard .ui.cards>.card, .ui.card {
-        width: 100%;
-    }
+    /* 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;
 
-    .page-content.home .hero p {
-        width: 70%;
-        font-size: 1.2rem;
+    --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;
+  }
+
+  .ui.user.list .ui.avatar {
+    vertical-align: unset !important;
+    margin-right: var(--spacer-2);
+  }
+
+  /* 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;
+  }
+
+  .repository .ui.table a {
+    color: var(--color-text);
+  }
+
+  .repository .file-view.markdown a {
+    color: var(--color-primary);
+  }
+
+  /* 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>