update screenshot

README.md

@@ -35,11 +35,11 @@ If this is somehow possible and I did not managed to get it configured, please l
 
 ## Helm chart instructions
 
-To use custom themes with the Gitea helm chart:
+To use custom themes with the [Gitea helm chart](https://gitea.com/gitea/helm-chart):
 
 1. Create a secret containing the CSS files (here's an example via `terraform`, plain k8s secrets will also work)
 
-```bash
+```hcl
 resource "kubernetes_secret" "gitea-themes" {
   metadata {
     name      = "gitea-themes"

theme-github-auto.css

@@ -372,6 +372,33 @@
   .ui.ui.ui.grey.label {
     line-height: 10px;
   }
+
+  /* yes/no dialog buttons for repo archival */
+  .ui.basic.inverted.buttons .button,
+  .ui.basic.inverted.button {
+    color: #f9fafb !important;
+  }
+
+  // border color of SSH/https cloning buttons (non-focused)
+  .ui.basic.blue.button,
+  .ui.basic.blue.buttons .button,
+  .ui.basic.primary.button,
+  .ui.basic.primary.buttons .button {
+    box-shadow: inset 0 0 0 1px transparent !important;
+  }
+
+  // same for hover
+  ui.basic.blue.button:hover,
+  .ui.basic.blue.buttons .button:hover,
+  .ui.basic.primary.button:hover,
+  .ui.basic.primary.buttons .button:hover {
+    box-shadow: inset 0 0 0 0px transparent !important;
+  }
+  // background color of branch name in PRs
+  .issue.list .branches .branch {
+    background-color: #afb8c133;
+    border-radius: 6px;
+  }
 }
 @media (prefers-color-scheme: dark) {
   :root {
@@ -1183,4 +1210,78 @@
   .ui.primary.labels .label {
     background-color: #768390 !important;
   }
+
+  // timeline view icon color
+  .repository.view.issue .comment-list .timeline-item .badge .svg {
+    fill: #fff !important;
+  }
+
+  /* borders -------------------------------------------------------------------*/
+
+  // border width of active item in repo view
+  .ui.tabular.menu .active.item,
+  .ui.tabular.menu .active.item:hover {
+    border-width: initial;
+  }
+
+  // README border
+  .ui.attached:not(.message) + .ui.attached.segment:not(.top) {
+    border-width: inherit;
+  }
+
+  .ui.top.attached.header {
+    border-width: inherit;
+  }
+
+  .following.bar.light {
+    border-bottom: 0px solid var(--color-secondary);
+  }
+
+  .ui.action.input:not([class*="left action"]) > input {
+    border-width: inherit;
+  }
+
+  .ui.action.input > .dropdown:last-child,
+  .ui.action.input > .button:last-child,
+  .ui.action.input > .buttons:last-child > .button {
+    border-width: inherit;
+  }
+
+  .ui.action.input:not([class*="left action"])
+    > .ui.dropdown.selection:not(:focus):not(:hover) {
+    border-width: inherit;
+  }
+
+  .repository #clone-panel #repo-clone-https,
+  .repository #clone-panel #repo-clone-ssh {
+    border-width: inherit;
+  }
+
+  .ui.action.input > .dropdown:not(:first-child),
+  .ui.action.input > .button:not(:first-child),
+  .ui.action.input > .buttons:not(:first-child) > .button {
+    border-width: inherit;
+  }
+
+  .ui.segment,
+  .ui.segments,
+  .ui.attached.segment {
+    border-width: inherit;
+  }
+
+  .ui.table {
+    border-width: inherit;
+  }
+
+  footer {
+    border-width: inherit;
+  }
+
+  .page-content .ui.button {
+    border-width: inherit;
+  }
+
+  .repo-buttons .ui.labeled.button > .label {
+    border-width: inherit;
+  }
 }

theme-github-dark.css

@@ -800,3 +800,77 @@ textarea:focus,
 .ui.primary.labels .label {
   background-color: #768390 !important;
 }
+
+// timeline view icon color
+.repository.view.issue .comment-list .timeline-item .badge .svg {
+  fill: #fff !important;
+}
+
+/* borders -------------------------------------------------------------------*/
+
+// border width of active item in repo view
+.ui.tabular.menu .active.item,
+.ui.tabular.menu .active.item:hover {
+  border-width: initial;
+}
+
+// README border
+.ui.attached:not(.message) + .ui.attached.segment:not(.top) {
+  border-width: inherit;
+}
+
+.ui.top.attached.header {
+  border-width: inherit;
+}
+
+.following.bar.light {
+  border-bottom: 0px solid var(--color-secondary);
+}
+
+.ui.action.input:not([class*="left action"]) > input {
+  border-width: inherit;
+}
+
+.ui.action.input > .dropdown:last-child,
+.ui.action.input > .button:last-child,
+.ui.action.input > .buttons:last-child > .button {
+  border-width: inherit;
+}
+
+.ui.action.input:not([class*="left action"])
+  > .ui.dropdown.selection:not(:focus):not(:hover) {
+  border-width: inherit;
+}
+
+.repository #clone-panel #repo-clone-https,
+.repository #clone-panel #repo-clone-ssh {
+  border-width: inherit;
+}
+
+.ui.action.input > .dropdown:not(:first-child),
+.ui.action.input > .button:not(:first-child),
+.ui.action.input > .buttons:not(:first-child) > .button {
+  border-width: inherit;
+}
+
+.ui.segment,
+.ui.segments,
+.ui.attached.segment {
+  border-width: inherit;
+}
+
+.ui.table {
+  border-width: inherit;
+}
+
+footer {
+  border-width: inherit;
+}
+
+.page-content .ui.button {
+  border-width: inherit;
+}
+
+.repo-buttons .ui.labeled.button > .label {
+  border-width: inherit;
+}

theme-github.css

@@ -366,3 +366,31 @@ a.muted {
 .ui.ui.ui.grey.label {
   line-height: 10px;
 }
+
+/* yes/no dialog buttons for repo archival */
+.ui.basic.inverted.buttons .button,
+.ui.basic.inverted.button {
+  color: #f9fafb !important;
+}
+
+// border color of SSH/https cloning buttons (non-focused)
+.ui.basic.blue.button,
+.ui.basic.blue.buttons .button,
+.ui.basic.primary.button,
+.ui.basic.primary.buttons .button {
+  box-shadow: inset 0 0 0 1px transparent !important;
+}
+
+// same for hover
+ui.basic.blue.button:hover,
+.ui.basic.blue.buttons .button:hover,
+.ui.basic.primary.button:hover,
+.ui.basic.primary.buttons .button:hover {
+  box-shadow: inset 0 0 0 0px transparent !important;
+}
+
+// background color of branch name in PRs
+.issue.list .branches .branch {
+  background-color: #afb8c133;
+  border-radius: 6px;
+}