Changing site color in 3 steps

[SMP]

If you are not satisfied with the default color options, follow the below to change the look of your site...

Step 1)

Choose the color

Lets for example take the green color this forum/community

Its RGB color code is rgb(107, 166, 94) now convert it to Hex color code which is #6BA65E

To convert RGB to Hex code use >>> rgbtohex.net

To convert Hex to RGB code use >>> rgbtohex.nett/hextorgb/


Step 2)

Go to your dashboard/admin panel >> settings >> theme

yoursitename/dashboard/settings/theme

In main color code box add the Hex color code

here in out case #6BA65E

and select Top bar color as black


Step 3)

In Custom CSS code box add the following code

Note: Change #6BA65E and 107, 166, 94 with your color codes.

.top-bar, .tone-dark .follow-scroll-wrapper.position-fixed {
    background-color: #6BA65E;
    background-color: rgba(107, 166, 94,.87);
}
.top-bar {
    box-shadow: 0 0 5px 0 rgba(107, 166, 94,.25);
}
#image .top-bar.transparent {
    background: #6BA65E;
    box-shadow: 0 0 5px 0 rgba(107, 166, 94,.25);
}
.image-viewer.full-viewer, #image .top-bar-placeholder {
    background: #F3F3F3;
}
#top-bar-user .default-user-image {
    background: none;
}

and hit save


For our example it looks...