Compare commits

..

1 Commits
main ... v3.0.0

Author SHA1 Message Date
pat-s
cdc164d1a7
release v3.0 2022-08-22 12:55:26 +02:00
6 changed files with 7 additions and 234 deletions

11
Jenkinsfile vendored
View File

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

View File

@ -2,30 +2,19 @@
**Opinionated** GitHub-based light and dark themes for Gitea including an automatic theme switch option. **Opinionated** GitHub-based light and dark themes for Gitea including an automatic theme switch option.
Created and tested with Gitea v1.15 - 1.17. (v1.19+dev) Created and tested with Gitea v1.15 - 1.17.
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 :) 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. 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 ## 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: 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`. 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` ; (e.g.: `THEMES = auto,gitea,arc-green,github-auto,github,github-dark`). 2. Add `github` to the comma-separated list in the setting `THEMES` in `app.ini`
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 ## Using automatic theme switching based on system preference
@ -46,11 +35,11 @@ If this is somehow possible and I did not managed to get it configured, please l
## Helm chart instructions ## Helm chart instructions
To use custom themes with the [Gitea helm chart](https://gitea.com/gitea/helm-chart): To use custom themes with the Gitea helm chart:
1. Create a secret containing the CSS files (here's an example via `terraform`, plain k8s secrets will also work) 1. Create a secret containing the CSS files (here's an example via `terraform`, plain k8s secrets will also work)
```hcl ```bash
resource "kubernetes_secret" "gitea-themes" { resource "kubernetes_secret" "gitea-themes" {
metadata { metadata {
name = "gitea-themes" name = "gitea-themes"

Binary file not shown.

Before

Width:  |  Height:  |  Size: 97 KiB

After

Width:  |  Height:  |  Size: 185 KiB

View File

@ -372,33 +372,6 @@
.ui.ui.ui.grey.label { .ui.ui.ui.grey.label {
line-height: 10px; 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) { @media (prefers-color-scheme: dark) {
:root { :root {
@ -425,7 +398,6 @@
--is-dark-theme: true; --is-dark-theme: true;
--color-blue: #539bf5; --color-blue: #539bf5;
--color-input-background: #22272e; --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. */ /* 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` */ /* monaco editor dark theme is toggled via variable `--is-dark-theme` */
@ -1211,78 +1183,4 @@
.ui.primary.labels .label { .ui.primary.labels .label {
background-color: #768390 !important; 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;
}
} }

View File

@ -22,7 +22,6 @@
--is-dark-theme: true; --is-dark-theme: true;
--color-blue: #539bf5; --color-blue: #539bf5;
--color-input-background: #22272e; --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. */ /* 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` */ /* monaco editor dark theme is toggled via variable `--is-dark-theme` */
@ -801,77 +800,3 @@ textarea:focus,
.ui.primary.labels .label { .ui.primary.labels .label {
background-color: #768390 !important; 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;
}

View File

@ -366,31 +366,3 @@ a.muted {
.ui.ui.ui.grey.label { .ui.ui.ui.grey.label {
line-height: 10px; 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;
}