Is the theme too bright?

allot of white, there is no colours at all
 
It depends on the particular monitor you have, the settings etc. Anyway, a few colors are needed, but they have to blend in with the rest. Note that the signature banner for one member @Ash blends in well.
 
I don't think it's bright at all. It's plain–blank. Add some color. Won't be as bright. 😛
 
I don't think the theme is too bright. But your text is too bright and small making it hard to read.

With that said, more colours couldn't hurt. It would be enough if you just changed your header to something like this:

thechatbiz.webp
Some example code:

Code:
.header {
background: #8360c3;  /* fallback for old browsers */
background: -webkit-linear-gradient(to right, #2ebf91, #8360c3);  /* Chrome 10-25, Safari 5.1-6 */
background: linear-gradient(to right, #2ebf91, #8360c3); /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */
}

.menu .active:link, .menu .active:visited, .menu .active:hover, .menu .active:active {
background: rgba(0, 0, 0, 0.3);
}
 
I don't think the theme is too bright. But your text is too bright and small making it hard to read.

With that said, more colours couldn't hurt. It would be enough if you just changed your header to something like this:

View attachment 5964
Some example code:

Code:
.header {
background: #8360c3;  /* fallback for old browsers */
background: -webkit-linear-gradient(to right, #2ebf91, #8360c3);  /* Chrome 10-25, Safari 5.1-6 */
background: linear-gradient(to right, #2ebf91, #8360c3); /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */
}

.menu .active:link, .menu .active:visited, .menu .active:hover, .menu .active:active {
background: rgba(0, 0, 0, 0.3);
}

Where can this code be found on the theme?
 
Where can this code be found on the theme?
I haven't used Mybb, but there should be a CSS-document somewhere that you can edit. You could also upload a custom CSS-document with these (and some other necessary code edits obviously) theme changes and it will override the default CSS code (if you place it after the default CSS link).
 
Back
Top Bottom