Name-suggestion-index: Adding Dark mode

Created on 14 Nov 2019  路  10Comments  路  Source: osmlab/name-suggestion-index

Adding a dark mode to the website will make it look even more cool and presentable. Currently it has a plain and boring interface. Adding some styles will make it more engaging.

enhancement

Most helpful comment

How would these look for the dark mode?

Looks like it needs a bit more work, but a good start..

All 10 comments

Currently it has a plain and boring interface.

I'd call it utilitarian

Sure, I'd welcome any improvements to the website. It is something I threw together pretty quickly.

Currently it has a plain and boring interface.

I'd call it utilitarian

Yes, it is indeed, But the user doesn't care about all that. All the user cares about is a interactive and engaging interface..

Yes, it is indeed, But the user doesn't care about all that. All the user cares about is a interactive and engaging interface..

I know. I meant to add a 馃槈 to the end of my last comment. I agree that the website could be spiced up some though.

Sure, I'd welcome any improvements to the website. It is something I threw together pretty quickly.

I am having problems locating the file to which i should make changes. Please tell me the path of the rendered file on the browser. I will use bootstrap to add some professional styling and will also add an alternate dark mode.

I am having problems locating the file to which i should make changes. Please tell me the path of the rendered file on the browser.

It's a React app and the source is under here:
https://github.com/osmlab/name-suggestion-index/tree/master/app

When you change the source, you'll need to do npm run docbuild to regenerate the bundled app under /docs.

Screen Shot 2019-11-25 at 2 13 42 PM
Screen Shot 2019-11-25 at 2 13 31 PM

How would these look for the dark mode?
I just did some simple css changes, but can make a slider for it on the main page.

How would these look for the dark mode?

Looks like it needs a bit more work, but a good start..

How would these look for the dark mode?

Consider changing the color of the links from blue to something else, like silver or white. That might give it a lovely look. Also, justifying the content accordingly will help to make it look even more presentable.Although, You have done some great job here.

This went stale so I just did it..

Was this page helpful?
0 / 5 - 0 ratings

Related issues

Adamant36 picture Adamant36  路  8Comments

matkoniecz picture matkoniecz  路  9Comments

bhousel picture bhousel  路  5Comments

good-praxis picture good-praxis  路  6Comments

roshavagarga picture roshavagarga  路  4Comments