Page 1 of 1

Forum Colors

Posted: Sun Nov 09, 2025 10:26 pm
by carlosfruitcup
Got bored so I tried changing up the colors of the forum:
Image

heres the css if you'd like to change it, id use stylus though

Code: Select all


#mchat-messages{
    height: 53em;
}

ul.topics, ul.forums{
    background-image: linear-gradient(to bottom, rgba(254,252,234,1) 0%,rgba(241,218,54,1) 100%);
}

.forabg{
        background-image:  linear-gradient(to bottom, rgba(247,230,79,1) 0%,rgba(255,216,0,1) 0%,rgba(255,235,135,1) 100%)
}

.forumtitle{
    color: transparent;
    background: linear-gradient(to bottom, rgba(76,76,76,1) 0%,rgba(89,89,89,1) 12%,rgba(102,102,102,1) 25%,rgba(71,71,71,1) 39%,rgba(44,44,44,1) 50%,rgba(0,0,0,1) 51%,rgba(17,17,17,1) 60%,rgba(43,43,43,1) 76%,rgba(28,28,28,1) 91%,rgba(19,19,19,1) 100%);
    background-clip: text;
}

.red body{
    background-image: none;
    background: linear-gradient(#ffd800 0%,#0000 100%);
	background-repeat: no-repeat;
	background-attachment: fixed;
}

li:hover [class="row-item forum_read"], [class="row-tiem forum_unread"]{
       background: linear-gradient(to bottom, rgba(255,254,245,1) 0%,rgba(249,240,169,1) 100%);; 
}

.button, .coloredbutton{
    background-image: linear-gradient(to bottom, #fefcea 0%,#f1da36 100%);
    background-color: transparent;
    background: linear-gradient(to bottom, #fefcea 0%,#f1da36 100%);
}

.red .action-bar .coloredbutton{
    background-image: linear-gradient(to bottom, #fefcea 0%,#f1da36 100%);
    background-color: transparent;
    background: linear-gradient(to bottom, #fefcea 0%,#f1da36 100%);
    
}

.phpbb_announcement{
    background-image: linear-gradient(to bottom, #fefcea 0%,#f1da36 100%);
    background-color: transparent;
    background: linear-gradient(to bottom, #fefcea 0%,#f1da36 100%);
}

Re: Forum Colors

Posted: Mon Nov 10, 2025 9:59 am
by Daniele63
Idk why but it reminds me of the YouTube old golden subscribe button