search

adventistchurch / alps-wordpress

This Wordpress theme is an implementation of the Adventist Living Pattern System (ALPS) designed to support the work of the Seventh-day Adventist Church.
Other
43 stars 38 forks source link

NAD Palette colors #767

Open ccharacter opened 6 days ago

ccharacter commented 6 days ago

Version of ALPS for Wordpress v3.15.2.3

Describe the bug The colors generated when one selects an NAD option from this menu: image

. . . do not match those specified here: https://www.nadadventist.org/brand-guidelines/color-and-typography#brand-color-palette

designerbrent commented 6 days ago

Hi @ccharacter: When you say they don't match, could you be specific? Because I just double-checked the CSS, and with the exception of the base Nile being one digit off (It is #007682 not #007681) the correct colors are encoded.

It could be that you are seeing unexpected colors in positions, so for the sake of documenting how the colors work, let me do that here. For every color theme there are 5 variations:

Each of those colors is used in specific positions throughout the theme. So the header uses $dark, I believe (I'm a little rusty) and will always show a shade darker then the $base color for which ever theme is showing.

Take the theme for Lily, below. Untitled

The base color is the large swatch, and also the center swatch in the grid below. The grid shows the $darker, $dark, $base, $light, and $lighter, in that order.

The colors for the NAD themes, which are embedded in the ALPS theme, should be all using the correct base colors, but the other 4 colors aren't documented publicly. You can see the full grid here: Untitled

With all that said, what do you feel is not matching?

ccharacter commented 6 days ago

Hi Brent--first, let me say how grateful I am to have the NAD palette in here in any shape or form!

I'm using Denim. Refer to this page: https://plum.communityservices.org/education/4q-leadership-development/

I would expect the bar across the top to be the base denim color, no? (central in your grid/row) I'm seeing it as #002D46. That must be the far left column? Certainly doesn't look like the base color, which should be #003B5C.

ccharacter commented 6 days ago

Ah--re-reading your comments: I should expect the header to use the dark variant. But seeing as, like you said, the five variants are not documented publicly, I was expecting base.

ccharacter commented 6 days ago

@designerbrent It looks like you have set this up in a way that makes sense if you have all the information--which I did not. I'm trying to make sense of how to make things work without hacking ALPS, as I've done in the past. :-)

designerbrent commented 6 days ago

@ccharacter Yeah, there is not an easy way to switch that. The top bar is $darker which is the color you noticed #002D46. If you want to see all the colors, you can find them here:

https://github.com/adventistchurch/alps/blob/1d49bcb9db6577be1a26f7fef28f749618d0be0f/source/css/_settings.variables.scss#L69