Gitea: Dark blue theme

Created on 9 Feb 2019  路  22Comments  路  Source: go-gitea/gitea

I've modified arc-green theme to dark blue, and it's being used at our gitea repository. It's extensively tested and should be pretty much complete, covering even the API/swagger page. If there's any interest, I could do a PR.

Screenshots

screenshot at 2019-02-09 01-46-03

kinproposal

Most helpful comment

Maybe we should create a theme market so that everyone could upload his themes and others could download and apply.

All 22 comments

Maybe we should create a theme market so that everyone could upload his themes and others could download and apply.

Maybe we should create a theme market so that everyone could upload his themes and others could download and apply.

I really don't want to come-off as a smart ass, but I feel that would be a lot of effort. Shorter goals with more visible achievements usually motivate people better. Perhaps we can try something as simple as a "upload theme" feature in the admin panel where a zip file is uploaded and that places the css, template, etc from the zip file into the public folder so that it automatically starts working on refresh. It would be much more easier to implement as well as would achieve the intended feature.

Again, just my opinion. No offence intended.

It should be easily possible for people to use this theme by simply adding the css to https://github.com/go-gitea/gitea/blob/master/templates/custom/header.tmpl
But maybe can add a textfield for admin and user to load a custom css to be accessible via the ui.

As a current workaround, this file theme-arc-blue.css can be added to custom/public/css and allow users to choose arc-blue as a theme.
This works only if the supplied style is meant to completely replace arc-green (rather than override certain parts) since it essentially "tricks" Gitea into loading it in the header in place of arc-green.

Signed in user
https://github.com/go-gitea/gitea/blob/8d2c24f7f9b9bce3a806e4748623bd3b2742025b/templates/base/head.tmpl#L152

Anonymous user
https://github.com/go-gitea/gitea/blob/8d2c24f7f9b9bce3a806e4748623bd3b2742025b/templates/base/head.tmpl#L155

It's a complete replacement, enabled as described above in gitea's .ini file, only not "arc-blue" but "dark-blue".

So any plans on this? Not the theme market, just this theme?

If you look at my above comment, this is currently possible with a little hacking.
I named it arc-blue instead, but it is the theme from this issue.

arc-blue
arc-blue-theme

As for official support for themes, no one is working on it currently that I know of.

Hmm. I copied the css to custom/public/css/theme-arc-blue.css

and copied
https://github.com/go-gitea/gitea/blob/8d2c24f7f9b9bce3a806e4748623bd3b2742025b/templates/base/head.tmpl

into custom/public/templates/base/head.tmpl

but I'm not seeing it as an option for a theme.

I'm using gitea v1.9.2, did I miss something?

THEMES = gitea,arc-green,arc-blue

settings

That fixed it. My fault for not reading the documentation first.

Sorry for dumb question, but where are these files in Gitea docker installation? I've /bin/bash-ed into container, but cannot find any html/tmpl/css files at all. Also I'm running an "offline" installation just for me.

The default files are packaged inside the binary at build time you need to create a custom folder. Please read the docs: https://docs.gitea.io/en-us/customizing-gitea/
You can find the packaged file like template (as example) in the gitea repository : https://github.com/go-gitea/gitea/tree/master/templates

Hi

This theme has issues with the code (indexer) search pages :(

https://i.imgur.com/LIAGn8v.png

@gerroon Please, provide a full URL of the problematic page. I only maintain the theme on our own server and I don't see the "<> Code" tab there.

Code is enabled if you enable "indexer"

https://docs.gitea.io/en-us/repo-indexer/

@artixnous Thanks for the dark theme applied to swagger. I tried and it worked but white swagger pages still poke my eyes. How can I apply the theme to swagger? I'm using gitea 1.11.4.

May I see a screenshot?

@artixnous I've attached it.

gitea-api-swagger

Hm, not sure why you get such results; please, have a look at our Gitea instance and try to find out why yours isn't themed. Also, please make sure you're using the latest CSS from our repo.
Screenshot at 2020-05-15 17-50-04

@artixnous Thanks for reviews! I'll try to find things.

Maintaining a theme will spend many times so that we will not maintian many themes officially. So I think this should not be merged into gitea main branch. And you can always find all kinds of themes here https://gitea.com/gitea/awesome-gitea#user-content-themes .

I will close this issue, and please go to https://discourse.gitea.io/c/themes/9 to discuss about themes.

Was this page helpful?
0 / 5 - 0 ratings

Related issues

flozz picture flozz  路  3Comments

adpande picture adpande  路  3Comments

thehowl picture thehowl  路  3Comments

jonasfranz picture jonasfranz  路  3Comments

jorise7 picture jorise7  路  3Comments