Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Dark theme [$100] #730

Closed
lcges opened this issue Jan 23, 2017 · 28 comments
Closed

Dark theme [$100] #730

lcges opened this issue Jan 23, 2017 · 28 comments
Assignees
Labels
issue/bounty This issue has a bounty associated. Whoever opens a PR and gets it merged can claim the bounty. topic/ui Change the appearance of the Gitea UI

Comments

@lcges
Copy link

lcges commented Jan 23, 2017

I have a proposal to add a dark theme.
Especially work at night - the default theme burns the eyes;)

--- There is a **[$100 open bounty](https://www.bountysource.com/issues/41234340-dark-theme?utm_campaign=plugin&utm_content=tracker%2F47456670&utm_medium=issues&utm_source=github)** on this issue. Add to the bounty at [Bountysource](https://www.bountysource.com/?utm_campaign=plugin&utm_content=tracker%2F47456670&utm_medium=issues&utm_source=github).
@lunny
Copy link
Member

lunny commented Jan 23, 2017

This is related to #56

@lunny lunny added this to the 1.x.x milestone Jan 23, 2017
@lunny lunny added the topic/ui Change the appearance of the Gitea UI label Jan 23, 2017
@tboerger tboerger changed the title Dark theme Dark theme [$100] Jan 23, 2017
@tboerger tboerger added the issue/bounty This issue has a bounty associated. Whoever opens a PR and gets it merged can claim the bounty. label Jan 23, 2017
@KangoV
Copy link

KangoV commented Feb 1, 2017

As most devs work at night when the kids have gone to bed (own up... you do), this would be a welcome feature. Coffee alone is not enough :)

@lcges
Copy link
Author

lcges commented May 29, 2017

I would propose to do this in 1.3.0
It perfectly fits in with the new logo.

@lunny lunny modified the milestones: 1.3.0, 1.x.x May 29, 2017
@lunny
Copy link
Member

lunny commented Aug 28, 2017

@qdbdbp any update?

@lcges
Copy link
Author

lcges commented Aug 29, 2017

Yes. I send you the first dark motive - this is proof of concept.
I also added it online, you can take a test.

https://userstyles.org/styles/147278/gitea-io-dark

Please feedback and comments. I invite you to the discussion

2017-08-29t16 16 42 02 00-1338x640
2017-08-29t16 17 06 02 00-1339x638
2017-08-29t16 17 37 02 00-1337x649
2017-08-29t16 18 14 02 00-1335x655
2017-08-29t16 18 33 02 00-1331x653
2017-08-29t16 19 05 02 00-1332x651
2017-08-29t16 19 40 02 00-1337x656

@lcges
Copy link
Author

lcges commented Aug 31, 2017

I present the second version.
It is proposal by the well-known theme ARC.
Added green color - related to the logo and the entire visual concept of the Gitea.

p.s. Warning. This is the concept. Not ready products!!
Will prepare the final versions after the arrangements.

2017-08-31t08 05 56 02 00-1131x619
2017-08-31t08 09 04 02 00-1194x582
2017-08-31t08 09 29 02 00-1159x609
2017-08-31t08 09 49 02 00-1157x594
2017-08-31t08 10 14 02 00-1325x660

@lcges
Copy link
Author

lcges commented Aug 31, 2017

During the design I came up with one more idea of what style to choose.
I will soon propose to you.

Now I'm inviting to discuss

@anton-dutov
Copy link

Second is better, but IMHO

  1. backgrounds should be more to neutral "gray" rather than "blue"
  2. Main text color should be brighter, to keep contrast reading, but avoid #FFFFFF (and near as possible =)
  3. May be links be more green, like logo

Sublime's default background and text colors pretty good

@tgy
Copy link

tgy commented Oct 9, 2017

Thank you for your work @qdbdbp :) What is the current status on this?

@lcges
Copy link
Author

lcges commented Oct 9, 2017

The status looks like this:

  • I was waiting for the version that will pick the community.
  • I have found a few minor stylistic errors - it will adapt to the version 1.2 Gitea

@lunny lunny modified the milestones: 1.3.0, 1.x.x Oct 11, 2017
@ghost
Copy link

ghost commented Nov 21, 2017

I definitely like the second one better :D

@LinuxRockz
Copy link

I prefer the first one.

@voidptr127
Copy link

Hi all,
this is basically the first thought I had when I was testing Gitea after first installation. ("Is there a dark theme available? This one burns my eyes. How do I work at my main-hours -- at night")

Since the proposals are from end of August and the last comments are from about a month ago, I wanted to kindly ask you @qdbdbp if there is anything new regarding this issue? Any status updates you can provide?

@techknowlogick
Copy link
Member

I'm currently running using the second one, and I love it!

Rather than using the user styles I've just injected the styles into my CSS file for my gitea instance. Only the first option's userstyle was posted above, so here is a link to the second version: https://userstyles.org/styles/147413/gitea-io-dark-arc-green

@techknowlogick
Copy link
Member

One addition to option 2, and it even works with the most recent release of gitea, just add the following to the css file/usersstyles file:

.repository .ui.segment.sub-menu .list .item a {
	color:#dbdbdb;
}

@ghost
Copy link

ghost commented Mar 28, 2018

the second option looks great 😄 🎈

@jonasfranz
Copy link
Member

@techknowlogick @qdbdbp It would be nice to have a "WIP" pr so that the users / reviewers could submit change requests and feedback. This would also make it more easier to test the design.

@techknowlogick
Copy link
Member

@JonasFranzDEV As there is no theme system available within gitea, instead of creating a PR against gitea I created a repo where users can do what you suggested, then once a theme system is in place this could become one of the themes.

The repo is here: https://github.com/techknowlogick/gitea-darkmode and I don't know how the bounty system works, but I think it should probably be awarded to @qdbdbp for all of their work.

@tgy
Copy link

tgy commented May 9, 2018

@techknowlogick, thank you for providing this temporary solution. That's very generous of you!
@qdbdbp, thank you for your work!

@lunny
Copy link
Member

lunny commented May 10, 2018

@qdbdbp if this worked, I will close this issue and you can apply bounty in their system.

@lafriks lafriks removed this from the 1.x.x milestone May 10, 2018
@davydov-vyacheslav
Copy link

will there be a chance to switch between dark and light themes?

@lafriks
Copy link
Member

lafriks commented May 10, 2018

@davydov-vyacheslav currently there is no such option, that should probably be made as new feature request

@daviian
Copy link
Member

daviian commented May 10, 2018

@davydov-vyacheslav @lafriks There is already an open issue for that: #56

@lafriks
Copy link
Member

lafriks commented May 10, 2018

Than I think this can be closed

@lafriks
Copy link
Member

lafriks commented May 10, 2018

Probably @techknowlogick we could move that dark theme repository to go-gitea organization

@techknowlogick
Copy link
Member

@lafriks sounds good. let me give you admin permissions over it to move the repo.

@lafriks
Copy link
Member

lafriks commented May 10, 2018

Ok, so now it is under https://github.com/go-gitea/gitea-darkmode

@lunny
Copy link
Member

lunny commented May 11, 2018

Thanks @qdbdbp. I think you could apply the bounty from https://www.bountysource.com

@lunny lunny closed this as completed May 11, 2018
@go-gitea go-gitea locked and limited conversation to collaborators Nov 24, 2020
Sign up for free to subscribe to this conversation on GitHub. Already have an account? Sign in.
Labels
issue/bounty This issue has a bounty associated. Whoever opens a PR and gets it merged can claim the bounty. topic/ui Change the appearance of the Gitea UI
Projects
None yet
Development

No branches or pull requests