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

[design] Create a dark color scheme #7

Open
kgellci opened this issue Dec 23, 2018 · 2 comments
Open

[design] Create a dark color scheme #7

kgellci opened this issue Dec 23, 2018 · 2 comments
Labels
Projects

Comments

@kgellci
Copy link
Owner

kgellci commented Dec 23, 2018

Many users browse Reddit at night. Staring a a bright white screen at 3 am is no fun.
Would be nice for someone to create a color scheme for the following attributes:

  • Primary background color
  • Secondary background color
  • Primary text color
  • Secondary text color
  • Link / Button color

Hex values or RGB would be 👍
Example in the below screenshot from Settings App:

  • Primary bg color: White of the cell
  • Secondary bg color: Gray behind the cells
  • Primary text color: "Bluetooth"
  • Secondary text color: "On"

img_c69cf71a6b92-1

@kgellci kgellci pinned this issue Dec 23, 2018
@kgellci kgellci added the design label Dec 23, 2018
@kgellci kgellci added this to To do in Area51 Jan 4, 2019
@lucashoeft
Copy link
Contributor

It would be great to have actually three color schemes: light/standard, dark and true black

@lucashoeft
Copy link
Contributor

So here are the color codes, extracted from the Sketch iOS UI file provided by Apple. In the next iteration, the link/button color could be tweaked to make the experience more unique (e.g. using the colors of Reddit instead of the basic blue for light mode and the alarm clock orange for dark mode)

Light:

  • Primary Background Color: #FFFFFF
  • Secondary Background Color: #EFEFF4
  • Primary Text Color: #000000
  • Secondary Text Color: #8E8E93
  • Link / Button Color: #007AFF
  • Table View Separator Color: #C8C7CC
  • Table View Cell Background Color: #FFFFFF

Dark (At the first step, I want to be aligned with apple design guidelines, but I actually like it, when the dark mode is not that dark, because it is easier for the eyes to read in my experience)

  • Primary Background Color: #000000
  • Secondary Background Color: #171717
  • Primary Text Color: #FFFFFF
  • Secondary Text Color: #8E8E93
  • Link / Button Color: #FF9500
  • Table View Separator Color: #323233
  • Table View Cell Background Color: #1C1C1D

Black (I did set the dark colours to true black; it should be tested on an OLED iPhone if the ux is fine):

  • Primary Background Color: #000000
  • Secondary Background Color: #000000
  • Primary Text Color: #FFFFFF
  • Secondary Text Color: #8E8E93
  • Link / Button Color: #FF9500
  • Table View Separator Color: #C8C7CC
  • Table View Cell Background Color: #000000

Should I add those colors somewhere?

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
Projects
Area51
  
To do
Development

No branches or pull requests

2 participants