GithubHelp home page GithubHelp logo

miconx / gitea-github-theme Goto Github PK

View Code? Open in Web Editor NEW

This project forked from pat-s/gitea-github-theme

0.0 0.0 0.0 822 KB

Opinionated GitHub-based light and dark themes for Gitea

License: MIT License

CSS 100.00%

gitea-github-theme's Introduction

gitea-github-theme

Opinionated GitHub-based light and dark themes for Gitea

Created and tested with Gitea v1.15. 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.

Installation

  1. If you do not have admin access to a Gitea instance, you can use the Stylus 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
    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

Changes to default Gitea theme

  • Aligned primary green, grey, red and blue colors with GitHub
  • Aligned border-radius with GitHub
  • Related theme by removing a lot of hover colors and dominant button background-colors
  • Aligned markup background to GitHub's value

Screenshots

gitea-github-theme's People

Contributors

izzysoft avatar pat-s avatar

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    ๐Ÿ–– Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. ๐Ÿ“Š๐Ÿ“ˆ๐ŸŽ‰

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google โค๏ธ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.