Stuck on an issue?

Lightrun Answers was designed to reduce the constant googling that comes with debugging 3rd party libraries. It collects links to all the places you might be looking at while hunting down a tough bug.

And, if you’re still stuck at the end, we’re happy to hop on a call to see how we can help out.

Colors from Human Interface Guidelines

See original GitHub issue

Took the colors from the Human Interface Guidelines for iOS

The colors below are for the Light theme, we can also find the average color between the Light and Dark version so it suits every wallet more pleasantly but I’ll open a PR with that if you like the idea.

This implies that new localized keys must be added

public static COLORS = {
  white:     'rgb(255, 255, 255)',
  black:     'rgb(0,   0,   0)',
  darGrey:   'rgb(44,  44,  46)',
  lightGrey: 'rgb(142, 142, 147)',

  red:       'rgb(255, 59,  48)',
  orange:    'rgb(255, 149, 0)',
  yellow:    'rgb(255, 204, 0)',
  green:     'rgb(52,  199, 89)',
  mint:      'rgb(0,   199, 190)',
  teal:      'rgb(48,  176, 199)',
  cyan:      'rgb(50,  173, 230)',
  blue:      'rgb(0,   122, 255)',
  indigo:    'rgb(88,  86,  214)',
  purple:    'rgb(175, 82,  222)',
  pink:      'rgb(255, 45,  85)',
  brown:     'rgb(162, 132, 94)',
}

Issue Analytics

State:
Created 2 years ago
Comments:8 (8 by maintainers)

Top GitHub Comments

2reactions

hauketoenjescommented, Jul 28, 2021

I would propose something like this:

White mode: https://dribbble.com/shots/14510224-Cards-White-UI Dark mode: https://dribbble.com/shots/14630755-Cards-Dark-UI

Pictures below:

That would remove the dropdown menu and the colors can be seen when selecting them. Should be possible with headlessui. I will look into that.

1reaction

marvinsxtrcommented, Jul 28, 2021

See #70. Just noticed we don’t even need the translation keys anymore.

Top Results From Across the Web

Color - Foundations - Human Interface Guidelines - Design

System colors (iOS) ; R 255 G 149 B 0. R 255 G 159 B 10. Orange ; R 255 G 204 B...

Color - Visual Design - iOS Human Interface Guidelines

Consider choosing a key color to indicate interactivity throughout your app. In Notes, interactive elements are yellow. In Calendar, interactive elements are ...

iOS Human Interface Guidelines: Color and Typography

Ios Human Interface Guidelines, Good Color Combinations, Ios 8, Neon Color, Color. Stardustx Chan. 28 followers. Themes - iOS - Human Interface Guidelines....

iOS Colors - iOS Design Handbook - Design+Code

These are the colors used by Apple in their native apps. In general, blue is used system-wide as the universal color for buttons,...

Colors - UX UI Guidelines

According the research, blue is the NO.1 color that women and men both like. Blue is like everywhere, in nature, in sites, in...