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鈥檒l occasionally send you account related emails.
Already on GitHub? Sign in to your account
[admin_v3] New brand colours in admin interface #10791
[admin_v3] New brand colours in admin interface #10791
Conversation
1479bd4
to
b4a61a7
Compare
b4a61a7
to
d1c58b8
Compare
This seemed like a good separation which will probably help with the upcoming changes. Co-authored-by: jibees <jb.bellet@gmail.com>
Individual files may be copied in order to replace the old files. NOTE: these may need manually re-syncing. If any of the copied files have changed on master in the meantime, we'll need to manaully review to consider bringing those changes to the new design.
Note that mail.css is still referring to the old palette.
Aka 'Havelock Blue', which is going to be changing.
color-5 is used for error messages.
This also changes the orange to red, but that's part of the plan.
Some templates still had this colour hardcoded. They are using angular so I didn't spend time updating them.
> That way we only have one orangy/red colour and we start simplifying things.
d1c58b8
to
14345ef
Compare
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
Clear, perfect.
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
Nice work. Just to understand: Assigning red to warnings is done generally but the type of red is changed only with the feature toggle. This means that some AngularJS templates have a different red to the rest now.
failure: {style: {color: '#da5354'}} | ||
error: {style: {color: '#da5354'}} | ||
failure: {style: {color: '#C85136'}} | ||
error: {style: {color: '#C85136'}} |
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
I wonder if we could define CSS variables... but probably not worth it at the moment. So this does change some colours even without the feature toggle on.
Hey @dacook , Thanks for the notes on what to test 馃檹
After enabling Admin v3 styles
After enabling Admin v3 styles
After enabling Admin v3 styles Noticed no change in functionality. Looks good to me! |
What? Why?
Setting up a new feature-toggled stylesheet, and just getting started on BUU with some colour changes. As you can see, there is clearly more to do.
There are some minor changes of reds that will appear outside of feature toggle.
#C85136
#C60F13
In admin_v3, the error messages will need adjusting:
#008397
Don't worry, we'll continue to work on the admin_v3 styles!!
What should we test?
Existing Admin interface
Error messages (eg invalid form input) and icons will have a slightly different red, but everything else should look the same. The warning icon styles have been refactored slightly, so
/admin/enterprise
Admin v3 styles
/admin/feature-toggle/features/admin_style_v3
Release notes
Changelog Category: User facing changes > 馃槑 Feature toggled
This does slightly change some warning colours for all users, but it doesn't seem worth announcing.
Dependencies
Documentation updates