Iration wrote: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 wrote:hi bro @pedxz

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

Code:

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

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

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;
}

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

Abdalah tupe2 wrote: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