Unique color scheme for a category

dev
2

Hi @Rhababo :wave: welcome to Meta :slight_smile:

If you haven’t worked with Discourse themes and development, I would start with the resources here:

Also, for example, you can change the logo and header color and even icon colors for a specific category with CSS code something like this:

.category-<category-slug> .d-header {
    background: rgba(#ce0303, 0.90);
    .d-header-icons .d-icon  {
        color: #cccccc;
    }
    .header-sidebar-toggle button .d-icon {
        color: #cccccc;
        &:hover {
            color: #999999;
        }
    }
}    
    
.category-<category-slug> .d-header #site-logo.logo-small {
	content:url($small-logo);
}

.category-<category-slug> .d-header #site-logo.logo-big {
	content:url($big-logo);
}

If you simply create a new theme, you can add code and upload the logos as assets. <category-slug> is the lower case category name that appears in the URL field of the browser (separate parent and subcategories with “-” dashes, as in parentcategory-subcategory.

There are also various theme-component’s like this one that you could search for

3 Likes