Color Scheme for Flarum

Dheeraj

I want to know the colour scheme for this website to use onmy flarum site and how can i use hex value in Flarum?

Pollux

Look at the admin section -> Appearance, there you can define two colors for the basic appearance. Then you can choose distinct colors for different tags at the admin section -> Tags.

Dheeraj

I want to make my site look exactly like tis and theose colour doesn't change my header and sidebar background colours?

Prosperous

When you first install Flarum it will have all the default colours in the current colour scheme you see here. The only difference is the header area containing the links to the homepage and what not which is customised.

kaizhao

Prosperous The color scheme here in discuss.flarum.org is Orange (the button ...),
while the default installed one is gray.

Prosperous

kaizhao This has obviously been changed since I posted 10 months ago...

kaizhao

kaizhao 😅

jordanjay29

If you want Flarum's exact color scheme, and can't be bothered to use your browser's built-in web developer tools, here's the current values:

Primary: #E7672E
Secondary: #3C5675

rahul

jordanjay29 Hi, Could you please share the exact css of Flaurm forum. I want to use the same.

Littlegolden

rahul Did you mean CSS in the official Flarum community? These are the defaults. . . The only thing to note is that the Primary color of the Flarum community is #e7672e

rahul

Littlegolden Thanks for quick reply. There are few changes in header size and color. I guess that was written custom CSS. I had long time back but misplaced the code

Littlegolden

rahul Did you mean this? Only this part of the header is not the default.

rahul

Littlegolden it has white header

rahul

the code was present in forum, i don't remember where it is

Littlegolden

rahul If you are not using other theme styles, I think you had turned on the "Colored Header" in the Dashboard of the forum so that your header is not white.

rahul

Littlegolden Thanks a lot man. Also, could you help me in permissions tab under create i have kept Start discussions to admin but still in an incognito mode (without login) i am able to see Start discussions button

Littlegolden

rahul It is currently not possible to control whether a button is hidden from the user who is not logged in via CSS. You can use Sign Up Button plugin to make this button become "Sign Up" button when the user is not logged in.

rahul

Littlegolden OK, I had check without login (as currently I am setting up the forum), I want my users to just read the content and later after sometime I will allow users to login and post.

So, If after login the button is disabled then its fine for me, but can we completely remove the button when i am not logged in.

Also, how did you change the Start disscussion button with signup

Littlegolden

rahul Use Sign Up Button Extension, It can replace "Start Discussion" button into "Sign Up".