06-26-2023, 07:44 PM
I bring to you a green theme for BF. Original code was made by @Orpheus (deleted because of rollback).
Preview:
![[Image: JfDxQEU.png]](https://external-content.duckduckgo.com/iu/?u=https%3A%2F%2Fi.imgur.com%2FJfDxQEU.png)
css code in codeblock:
Also change your forum color to green from the top right menu.
Preview:
css code in codeblock:
/* ==UserStyle==
@name Green Theme
==/UserStyle== */
/* Header Wallpaper */
.logo.noselect {
background: url(https://t4.ftcdn.net/jpg/02/38/56/37/360_F_238563715_TT246ABsfPc7OMkIASI5wTOYiwwlf8Yz.jpg) center;
}
#content {
background-color: var(--header-logo-bg-color) !important;
}
/* Rank Banners */
img[src^="resources/ranks/"] {
padding-left: 150px;
width: 150px;
height: 40px;
box-sizing: border-box;
background-size: 100% !important;
}
img[title="resources/ranks/member.png"] {
display: none;
}
img[src="resources/ranks/vip.png"] {
background: url(https://external-content.duckduckgo.com/iu/?u=https://a.pomf.cat/rxmquh.png) left top no-repeat;
}
img[src="resources/ranks/god.png"] {
background: url(https://external-content.duckduckgo.com/iu/?u=https://a.pomf.cat/jqtmig.png) left top no-repeat;
}
img[src="resources/ranks/moderator.png"] {
background: url(https://external-content.duckduckgo.com/iu/?u=https://a.pomf.cat/dqgmtq.png) left top no-repeat;
}
img[src="resources/ranks/administrator.png"] {
background: url(https://external-content.duckduckgo.com/iu/?u=https://a.pomf.cat/lymqsj.png) left top no-repeat;
}
/* Defualt Profile Picture */
img[src$="/images/default_avatar.png"] {
padding-left: 107px;
width: 107px;
height: 93px;
box-sizing: border-box;
background: url(https://i.imgur.com/rnY5e7L.png) left top no-repeat;
background-size: 100% !important;
}
/* Latest Posts, profile page, notifications. */
img.rounded_avatar[src$="/images/default_avatar.png"] {
padding-left: 30px;
width: 30px;
height: 30px;
}
img.modal_image[src$="/images/default_avatar.png"] {
padding-left: 74px;
width: 74px;
height: 74px;
}
img[src$="/images/default_avatar.png"][width="64"] {
padding-left: 64px;
width: 64px;
height: 64px;
}
.shout-box-text {
float: left;
width: 85%;
}
.active-users-tab {
display: block !important;
width: 15%;
}
.telegram {
-webkit-text-fill-color: #056032;
}
/* username styles */
.rf_noob {
color: #034323;
white-space: nowrap;
font-weight: bold;
}
.rf_noob:before {
content: "";
background-image: url(https://i.imgur.com/kQYdZug.png);
background-repeat: no-repeat;
background-size: contain;
display: inline-block;
width: 15px;
/* Adjust width as needed */
height: 15px;
/* Adjust height as needed */
margin-right: 5px;
/* Adjust margin as needed */
vertical-align: middle;
}
.rf_vip {
color: #81d420;
white-space: nowrap;
font-weight: bold;
}
.rf_vip:before {
content: "";
background-image: url(https://heroin.gg/vip.png);
background-repeat: no-repeat;
background-size: contain;
display: inline-block;
width: 15px;
/* Adjust width as needed */
height: 15px;
/* Adjust height as needed */
margin-right: 5px;
/* Adjust margin as needed */
vertical-align: middle;
}
.rf_mvp {
color: #fff;
white-space: nowrap;
font-weight: bold;
}
.rf_mvp:before {
content: "";
background-image: url(https://heroin.gg/mvp.gif);
background-repeat: no-repeat;
background-size: contain;
display: inline-block;
width: 15px;
/* Adjust width as needed */
height: 15px;
/* Adjust height as needed */
margin-right: 5px;
/* Adjust margin as needed */
vertical-align: middle;
}
.rf_god {
color: #e2d662;
white-space: nowrap;
font-weight: bold;
}
.rf_god:before {
content: "";
background-image: url(https://heroin.gg/god.png);
background-repeat: no-repeat;
background-size: contain;
display: inline-block;
width: 15px;
/* Adjust width as needed */
height: 15px;
/* Adjust height as needed */
margin-right: 5px;
/* Adjust margin as needed */
vertical-align: middle;
}Also change your forum color to green from the top right menu.
