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

UI dark color scheme. In-app views #2122

Closed
MariaPleshkova opened this issue May 21, 2019 · 1 comment
Closed

UI dark color scheme. In-app views #2122

MariaPleshkova opened this issue May 21, 2019 · 1 comment

Comments

@MariaPleshkova
Copy link

MariaPleshkova commented May 21, 2019

Master issue #2089
This dark-mode blues scheme is initially only aimed for Decreditons dark mode (desktop views only) and not to be applied globally in DCR identity. There are only key views and their variants with notable differences in the .xd.
The structural elements as well most of the icons use new color scheme additions.
Although, color coded interactions and some elements keep their default colors (e.g. key blue, orange, yellow, green etc).
New color scheme and updated icon package included.

Preview: https://xd.adobe.com/view/15770d1b-f110-493f-465f-0c00fc6b6fd4-6346/
Spec: https://xd.adobe.com/spec/648bb599-05a1-4130-7e31-956a94708d0a-12ba/
Icons in SVG: Dark mode icons_21.05.19.zip

@matheusd
Copy link
Member

Some of the icons and text colors look a bit weird to me. The fact that the color scheme is almost (but not exactly) solarized is throwing me off, but that's a personal preference and if the rest of the design team is backing this up, then we'll go along with this.

Does the Adobe toolset you're currently using allow defining the color palette via css vars? We've managed to define all colors via vars (see here) so if you could specify the theme colors corresponding to those that would make testing and integrating the changes super easy on our end.

In fact you can even define them on your own decrediton on runtime and test in practice if the palette is working. Hit me up on matrix if you want some instructions on trying that out.

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

No branches or pull requests

3 participants