Color palette settings are not being reflected

[mk0r]

I have a new discourse installation and created scaffolding for a new theme. First thing was I edited the color scheme to use a scheme called Flexoki. You can see here:

about.json

I’ve added and selected the theme via GitHub on my discourse instance but none of the color settings are reflected, instead I just see the default colors listed, for both Flexoki Light and Dark. Any help troubleshooting?

[traceymoko (Tracey)]

Yep so there’s a few things to check first:

1. Make sure your theme has that particular color palette selected:

2. If that setting is correct but it’s still showing the wrong color palette, make sure that your profile settings doesn’t have the wrong color palette selected:

[mk0r]

thanks, neither of those are the issue. As the screenshot shows, the ui is showing the flexoki theme as being just the default discourse colors. somehow the palette is not being interpreted at all

[Heliosurge (Dan DeMontmorency)]

I might be seeing things. But moving back and forth it looks like the color palette you uploaded is a copy of light

Goto Customization > Theme and select something with a different looking palette and try switching to that color palette.

[traceymoko (Tracey)]

@mk0r

somehow the palette is not being interpreted at all

Ah, I see what you mean now. So Discourse is not reading these colors:

"color_schemes": {
    "Flexoki Light": {
      "primary": "#100F0F",
      "secondary": "#FFFCF0",
      "tertiary": "#205EA6",
      "quaternary": "#AF3029",
      "header_background": "#F2F0E5",
      "header_primary": "#6F6E69",
      "highlight": "#ECCB60",
      "danger": "#AF3029",

@Heliosurge

But moving back and forth it looks like the color palette you uploaded is a copy of light

The issue is above – it’s not using the colors listed in the file^^

[Heliosurge (Dan DeMontmorency)]

Is there maybe an issue then with the file layout? Causing it to defaults?

It might be best to simply create a new color palette within Discourse entering these values rather than importing the theme.git

[traceymoko (Tracey)]

I looked at the syntax of the file. In my previous color palette scheme, it doesn’t have # in each hexadecimal string.

about.json

If you change each of the hexadecimal strings to not have # at the start, I think it might parse correctly.

about.json

This is also the case in the example guide for Discourse color schemes:

Create and share a color scheme

Discourse now supports importing color schemes from remote repository. Here I will demonstrate how you would go about doing this. Navigate to colors and add a color scheme. Head to /admin/customize/colors on your site and create a color scheme. [Creating a color scheme in the admin colors screen] Tips: I used a chrome plugin (color picker) to select colors from an existing image of a palette on the web. If you create a theme, assign the color scheme to the theme and preview it, chang…

{
   "name" : "Solarized",
   "about_url" : "https://github.com/SamSaffron/discourse-solarized",
   "license_url": "https://github.com/SamSaffron/discourse-solarized/blob/master/LICENSE",
   "color_schemes": {
      "Solarized Light": {
        "primary": "586E75",
        "secondary": "EEE8D5",
        "tertiary": "268BD2",
        "quaternary": "CB4B16",
        "header_background": "002B36",
        "header_primary": "93A1A1",
        "highlight": "B58900",
        "danger": "CB4B16",
        "success": "859900",
        "love": "DC322F"
      }
   }
}

[mk0r]

ah!! thank you! will try this fix shortly, seems like the sure answer.