Theme for AwesomeBB Forum Version

[Iration]

Hello guys,

I would like to ask if there is any other forum theme/skin for awesomebb forum version? kindly share it? I'm looking for a red and black forum theme/skin. Thank you!

[tikky]

Hey @Iration,

Welcome to Forumotion Support Forum! See this theme to #awesomebb midnightAWE i can help to change the colors if you want!

[Iration]

That's cool bro @pedxz, kindly make it red and black?

[tikky]

You have the hex color (to black and red)?

[Iration]

Any hex code that's color red and black bro that will fit everything will be great.
Common red and black hex code/s:
- Red: #FF0000
- Black: #000000

If you can customize it for the theme to be more dope will be cool. Thank you in advance @pedxz

[Iration]

hi bro @pedxz

[SLGray]

Any hex code that's color red and black bro that will fit everything will be great.
Common red and black hex code/s:
- Red: #FF0000
- Black: #000000

If you can customize it for the theme to be more dope will be cool. Thank you in advance @pedxz

hi bro @pedxz

Please don't double post. Your posts need to be separated by 24 hours before bumping. Please use the edit button, instead! Please read our forum rules:  ESF General Rules

[Iration]

Up for this

[tikky]

Add in your stylesheet (CSS):

Code:

body, html {
    background-color: #212121!important;
    color: #fafafa;
}
a {
  color: #eeeeee;
}
header {
    background-color: #b71c1c!important;
}
.box-head,
.block .block-header,
.forum-header, .posts-header,
.post-header,
.btn-default, .button, .button1, .button2, .liteoption, .mainoption,
.btn-fixed,
.radio-check:after, .forumline thead th, .table1 thead th, .catHead,
.pagination > a,
.footer-to-top a {
    background-color: #d32f2f!important;
}
.mod-top-pct {
    background-color: #ef5350!important;
}
:focus {
  outline: 0;
}
.forum-section, .posts-section,
#tabs ul, .tabs ul,
.box-body,
.block .block-content,
.block-subtle,
.post,
.post-aside,
.panel,
.post-section,
.fb-or-text,
.mod-news,
.mod-news-footer,
.social_login_group .fb-or-text,
#chatbox_contextmenu,
#help-button,
.fontbutton,
#header-user img, .avatar-big img, .avatar-default img, .avatar-mini img, .cb-avatar img, .mod-login-avatar img,
.forumline tbody tr, .table1 tbody tr,
.calendar-cell,
.notification-row,
.EV_Item {
    background-color: #263238!important;
}
.dropdown-box {
    background-color: rgba(0,0,0,0.1);
}
#block-online i {
    color: #f44336;
}
.block-topics .block-topics-posts i,
.block-topics .block-topics-views i,
.forum-lastpost-header i,
.forum-statistics-header i,
.posts-lastpost-header i,
.posts-statistics-header i,
.posts-lastpost i,
.forum-lastpost-author i,
.forum-lastpost-location i,
.forum-lastpost-time i,
.posts-lastpost-author i,
.posts-lastpost-time i,
select,
.input,
input,
.sceditor-container iframe, .sceditor-container textarea,
.inputbox {
  color: white!important;
}
.forum-description p,
.posts-description p,
.forum-statistics-posts span,
.forum-statistics-topics span,
.posts-statistics-replies span,
.posts-statistics-views span,
.profile-advanced-stats dt span[style*="536482"] {
    color: #e0d6d6!important;
}
.block-market .market-item-price,
.block .block-secondary-content,
.block .sub-head,
.block .block-footer,
.post-aside,
.attachbox,
.box-foot,
.sceditor-group,
.posts-lastpost,
.quick-reply .textarea,
.jumpbox-wrap select,
.quickmod-wrap select,
.select-wrap select,
#divcolor, #divsmilies, #help-button, #submit_button, .format-message+label,
#tabs li:hover, .tabs li:hover,
select,
.post-footer {
    background-color: #2c3e50!important;
    border-color: #2c3e50;
    color: white;
}
#header-banner h2 {
    white-space: nowrap;
    max-width: 65%;
    overflow: hidden;
    text-overflow: ellipsis;
}
#forum-statistics > div,
.block-topics .block-topics-lastpost,
div.sceditor-group,
.forumline td, .forumline th, .table1 td, .table1 th {
    border-color: transparent!important;
}
#chatbox > :nth-child(even), .chat-row:nth-child(even) {
    background-color: #2c3e50;
}
#chatbox > p {
    border-color: #2c3e50!important;
}
#chatbox .msg span[style*="green"] {
    color: #93ee38!important;
}
#chatbox .msg span[style*="red"] {
    color: #fa4c4c!important;
}
.radio {
    border-color: rgb(195, 33, 33);
}
.sceditor-button div, div.sceditor-grip {
    background-image: url(https://i.imgur.com/LyI9qEV.png)!important;
}
.stat-bar img {
    background-color: #8f1ce7;
}

.forum-description h3:after, .posts-description h3:after {
    box-shadow: 0 0 11px 11px #263238;
}

Demo

[Iration]

the text in my profile fields are gone bro @pedxz

[Iration]

bumpppp

[tikky]

Add in your stylesheet (CSS):

Code:

dl[id^="field_"] span,
#tabs a {
  color: #fafafa!important;
}

[Iration]

Bro the posting profile field when I post is gone @pedxz

[tikky]

Bro the posting profile field when I post is gone @pedxz

Can you print (printscreen) the field that disappeared? To know what are you talk about please

[Iration]

In here, the posting profile field text color looks hidden bro:


Also here when I type a text in any field selection looks not visible too:

@pedxz

[tikky]

Add in your CSS:

Code:

.post-author-details .label span,
.quick-reply-btn,
.sceditor-dropdown input,
.sceditor-dropdown *:not(input) {
  color: #fafafa!important;
}
 
.sceditor-dropdown {
  background-color: #212121!important;
  border-color: #212121!important;
}
 
.sceditor-dropdown input {
  border-width: 0!important;
}
.sceditor-dropdown input[type="text"],
.sceditor-dropdown textarea {
  background-color: #2c3e50!important;
}
 
 
::placeholder {
  color: #cacaca;
  opacity: 1;
}
 
:-ms-input-placeholder {
  color: #cacaca;
}
 
::-ms-input-placeholder {
  color: #cacaca;
}
 
input:hover,
input:focus {
  border-color: #ef5350;
}

[Iration]

bro how about this one?

@pedxz

[SLGray]

This really needs to be done through PM's or on the forum itself.  We really do not do whole theme requests.

[Iration]

bumpss...

[skouliki]

This really needs to be done through PM's or on the forum itself.  We really do not do whole theme requests.

[Ape]

I have a red and Black theme / skin on my test forum you may like.

90% done with just basic tools on the Admin Control panel.

[Abdalah tupe2]

It's better to customize your forum by inspect source in Google chrome or Firefox. Why ?
-Live effect so you could see without test!
-When done coloring and optimization you can copy the whole code to CSS Editor in Admin panel.

for more information give your brain 🧠 a trip by googling

[skouliki]

It's better to customize your forum by inspect source in Google chrome or Firefox. Why ?
-Live effect so you could see without test!
-When done coloring and optimization you can copy the whole code to CSS Editor in Admin panel.

for more information give your brain 🧠 a trip by googling

your post is irrelevant with this thread please do not spam

[skouliki]

Problem solved & topic archived. Please read our forum rules: ESF General Rules