Merge pull request '1.19.0+dev' (#1) from 1.19.0+dev into main

Reviewed-on: #1

Jenkinsfile

@@ -0,0 +1,11 @@
+pipeline {
+    agent any
+
+    stages {
+        stage('Do nothing') {
+            steps {
+                sh '/bin/true'
+            }
+        }
+    }
+}

README.md

@@ -2,19 +2,30 @@
 
 **Opinionated** GitHub-based light and dark themes for Gitea including an automatic theme switch option.
 
-Created and tested with Gitea v1.15 - 1.17.
+Created and tested with Gitea v1.15 - 1.17. (v1.19+dev)
 The theme might work with future versions though Gitea devs might change some CSS classes in the meantime and things might potentially look odd - just try yourself :)
 
 I might update the theme over time to fix oversights and other issues - no guarantee though.
 
+---
+### [Website](https://codeberg.org/pat-s/gitea-github-theme)
+---
+###### Index
+
+* [Installation](#installation)
+* [Using automatic theme switching](#using-automatic-theme-switching-based-on-system-preference)
+* [Changes to default Gitea theme](#changes-to-default-gitea-theme)
+* [Helm chart instructions](#helm-chart-instructions)
+* [Screenshots](#screenshots)
+---
 ## Installation
 
-1. If you do not have admin access to a Gitea instance, you can use the [Stylus](https://chrome.google.com/webstore/detail/stylus/clngdbkpkpeebahjckkjfobafhncgmne/related) browser extension and use the CSS provided in this repo for the Gitea URL
+1. If you do not have admin access to a Gitea instance, you can use the [Stylus](https://chrome.google.com/webstore/detail/stylus/clngdbkpkpeebahjckkjfobafhncgmne/related) browser extension and use the CSS provided in this repo for the Gitea URL.
 2. If you are an admin and want to make this theme available to all users:
    1. Put `theme-github.css` into `$GITEA_PUBLIC/public/css/theme-github.css` where `$GITEA_PUBLIC` is the "CustomPath" of your instance reported by `gitea help`.
-   2. Add `github` to the comma-separated list in the setting `THEMES` in `app.ini`
+   2. Add `github` to the comma-separated list in the setting `THEMES` in `app.ini` ; (e.g.: `THEMES		= auto,gitea,arc-green,github-auto,github,github-dark`).
-   3. Now users can select this theme in their settings under "account"
+   3. Now users can select this theme in their settings under "account".
-   4. (optional) If you want to make this theme the default of your instance, set it in `DEFAULT_THEME` in `app.ini`
+   4. (optional) If you want to make this theme the default of your instance, set it in `DEFAULT_THEME` in `app.ini`.
 
 ## Using automatic theme switching based on system preference
 
@@ -35,11 +46,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 {
@@ -398,6 +425,7 @@
     --is-dark-theme: true;
     --color-blue: #539bf5;
     --color-input-background: #22272e;
+    --color-header-bar: #373e47;
 
     /* code editor colors are set in https://github.com/go-gitea/gitea/blob/f5b300ea77081a1b78ac044cb1c0f9225538d091/web_src/js/features/codeeditor.js#L82-L97.  */
     /* monaco editor dark theme is toggled via variable `--is-dark-theme` */
@@ -1183,4 +1211,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

@@ -22,6 +22,7 @@
   --is-dark-theme: true;
   --color-blue: #539bf5;
   --color-input-background: #22272e;
+  --color-header-bar: #373e47;
 
   /* code editor colors are set in https://github.com/go-gitea/gitea/blob/f5b300ea77081a1b78ac044cb1c0f9225538d091/web_src/js/features/codeeditor.js#L82-L97.  */
   /* monaco editor dark theme is toggled via variable `--is-dark-theme` */
@@ -800,3 +801,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;
+}