{"id":13450853,"url":"https://github.com/pat-s/gitea-github-theme","last_synced_at":"2025-03-23T16:32:31.282Z","repository":{"id":39625341,"uuid":"400996034","full_name":"pat-s/gitea-github-theme","owner":"pat-s","description":"REPO MOVED TO CODEBERG: https://codeberg.org/pat-s/gitea-github-theme | Opinionated GitHub-based light and dark themes for Gitea","archived":true,"fork":false,"pushed_at":"2024-04-27T04:29:52.000Z","size":1106,"stargazers_count":83,"open_issues_count":0,"forks_count":13,"subscribers_count":5,"default_branch":"main","last_synced_at":"2024-07-31T07:15:49.902Z","etag":null,"topics":["gitea","github","hacktoberfest","theme"],"latest_commit_sha":null,"homepage":"https://codeberg.org/pat-s/gitea-github-theme","language":"CSS","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":"mit","status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/pat-s.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":null,"funding":null,"license":"LICENSE","code_of_conduct":null,"threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":null,"support":null,"governance":null,"roadmap":null,"authors":null,"dei":null,"publiccode":null,"codemeta":null}},"created_at":"2021-08-29T09:01:43.000Z","updated_at":"2024-06-24T14:53:14.000Z","dependencies_parsed_at":"2024-07-31T07:12:35.537Z","dependency_job_id":"edd07ab3-a64d-4914-aae0-dc787ee488c0","html_url":"https://github.com/pat-s/gitea-github-theme","commit_stats":null,"previous_names":[],"tags_count":9,"template":false,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/pat-s%2Fgitea-github-theme","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/pat-s%2Fgitea-github-theme/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/pat-s%2Fgitea-github-theme/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/pat-s%2Fgitea-github-theme/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/pat-s","download_url":"https://codeload.github.com/pat-s/gitea-github-theme/tar.gz/refs/heads/main","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":221856481,"owners_count":16892449,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2022-07-04T15:15:14.044Z","host_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub","repositories_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories","repository_names_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repository_names","owners_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners"}},"keywords":["gitea","github","hacktoberfest","theme"],"created_at":"2024-07-31T07:00:39.369Z","updated_at":"2024-10-28T16:32:02.990Z","avatar_url":"https://github.com/pat-s.png","language":"CSS","readme":"# MOVED TO https://codeberg.org/pat-s/gitea-github-theme\n\n# gitea-github-theme\n\n**Opinionated** GitHub-based light and dark themes for Gitea including an automatic theme switch option.\n\nCreated and tested with Gitea v1.15 - 1.17.\nThe 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 :)\n\nI might update the theme over time to fix oversights and other issues - no guarantee though.\n\n## Installation\n\n1. 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\n2. If you are an admin and want to make this theme available to all users:\n   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`.\n   2. Add `github` to the comma-separated list in the setting `THEMES` in `app.ini`\n   3. Now users can select this theme in their settings under \"account\"\n   4. (optional) If you want to make this theme the default of your instance, set it in `DEFAULT_THEME` in `app.ini`\n\n## Using automatic theme switching based on system preference\n\nTo use automatic theme switching, add `theme-github-auto.css` into your respective `themes` folder as described above.\nThis file contains both light and dark styles and selects the respective one based on the system preference selected by the user via the `@media (prefers-color-scheme:` CSS selector (tested on macOS).\n\nFor some reasons using `@imports` does not work and hence the file contains the c/p content of both the light and dark themes together.\nIf this is somehow possible and I did not managed to get it configured, please let me know!\n\n## Changes to default Gitea theme\n\n- Aligned primary green, grey, red and blue colors with GitHub\n- Aligned `border-radius` with GitHub\n- Related theme by removing a lot of hover colors and dominant button background-colors\n- Aligned markup background to GitHub's value\n- Decreased navbar height and font size\n- Many small overrides of colors and font-sizes\n\n## Helm chart instructions\n\nTo use custom themes with the [Gitea helm chart](https://gitea.com/gitea/helm-chart):\n\n1. Create a secret containing the CSS files (here's an example via `terraform`, plain k8s secrets will also work)\n\n```hcl\nresource \"kubernetes_secret\" \"gitea-themes\" {\n  metadata {\n    name      = \"gitea-themes\"\n    namespace = \"gitea\"\n  }\n\n  data = {\n    \"theme-github.css\"      = \"${file(\"files/gitea/gitea-github-theme-light.css\")}\"\n    \"theme-github-dark.css\" = \"${file(\"files/gitea/gitea-github-theme-dark.css\")}\"\n    \"theme-github-auto.css\" = \"${file(\"files/gitea/gitea-github-theme-auto.css\")}\"\n  }\n\n  type = \"Opaque\"\n}\n```\n\n2. Mount the secret via `extraVolumes` in `values.yaml`:\n\n```yml\nextraVolumes:\n  - name: gitea-themes\n    secret:\n      secretName: gitea-themes\n```\n\n3. Add the theme options into the config in `values.yaml`:\n\n```yml\ngitea:\n  config:\n    ui:\n      DEFAULT_THEME: github-auto\n      THEMES: auto,gitea,arc-green,github,github-dark,github-auto\n```\n\n## Screenshots\n\n![](figs/screenshot1.png)\n\n![](figs/screenshot-dark1.png)\n","funding_links":[],"categories":["CSS","Themes"],"sub_categories":["For internal use"],"project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fpat-s%2Fgitea-github-theme","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fpat-s%2Fgitea-github-theme","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fpat-s%2Fgitea-github-theme/lists"}