that thread is closed so how might i go about making the white parts black and the text white? This is the theme i used. @-moz-document url("<a href="https://roll20.net/" rel="nofollow">https://roll20.net/</a>"), url-prefix("<a href="https://app.roll20.net/forum" rel="nofollow">https://app.roll20.net/forum</a>"), url-prefix("<a href="https://app.roll20.net/campaigns" rel="nofollow">https://app.roll20.net/campaigns</a>"), url-prefix("<a href="https://app.roll20.net/vault" rel="nofollow">https://app.roll20.net/vault</a>"), url-prefix("<a href="https://app.roll20.net/private_message" rel="nofollow">https://app.roll20.net/private_message</a>"), url-prefix("<a href="https://app.roll20.net/playerdirectory" rel="nofollow">https://app.roll20.net/playerdirectory</a>"), url-prefix("<a href="https://app.roll20.net/audio_library" rel="nofollow">https://app.roll20.net/audio_library</a>"), url-prefix("<a href="https://app.roll20.net/campaigns" rel="nofollow">https://app.roll20.net/campaigns</a>"), url-prefix("<a href="https://app.roll20dev.net/forum" rel="nofollow">https://app.roll20dev.net/forum</a>"), url-prefix("<a href="https://app.roll20dev.net/campaigns" rel="nofollow">https://app.roll20dev.net/campaigns</a>"), url-prefix("<a href="https://app.roll20.net/users" rel="nofollow">https://app.roll20.net/users</a>") {
body {
background-color: #000;
color: #fff;
}
body.loggedin {
background-color: #000;
color: #fff;
}
body.loggedin .container {
background-color: #333;
color: #fff;
}
.pictos {
font-family: "Pictos"!important;
color: #ccc !important;
}
a.pictos.filtersinfo {
position: relative;
}
p.masthead_info {
background-color: transparent;
}
.topbar .row:first-child {
padding-top: 5px;
padding-bottom: 5px;
}
.topbar .row,
.topbar .menu-hider,
.topbar .btn-group,
.topbar .full,
.topbar .simple {
background-color: #999 !important;
}
.topbar .btn.btn-default.dropdown-toggle {
margin: 0;
background-color: transparent;
}
.col-md-12.btn-row .btn-group.alertcontainer > button.sitenotifications,
.col-md-12.btn-row .btn-group.alertcontainer > a.btn {
border: none;
background-color: initial;
}
.col-md-12.btn-row .btn-group > .btn:first-child:hover {
background-color: white;
color: #ed008c;
}
.topbar .row:first-child img {
height: 40px;
}
.topbar .row:first-child {
padding-top: 5px;
padding-bottom: 5px;
width: calc(100% + 30px);
}
.topbar .row,
.topbar .menu-hider,
.topbar .btn-group {
background-color: #999;
border: none;
}
.topbar .btn-default {
border: none;
color: #FFF;
background-color: #414141;
font-size: 1em;
padding: 0 5px 0 5px;
}
.container,
.container p {
background-color: #333;
color: #ccc !important;
}
.container.topbar,
.container.topbar .row {
background-color: #999;
min-height: 3.125em;
}
.chosen-container .chosen-results {
color: #444 !important;
}
.container h1,
.container h2,
.container h3,
.container h4,
.container h5,
.container h6 {
color: #49abff !important;
}
.tagset .noedit .textboxlist-bit-box-deletable {
color: black;
}
.menu a:hover {
background: transparent;
}
.col-md-12 {
width: 100%;
background-color: #282626;
color: white;
}
.forum h3 {
background-color: #0b3845;
padding: 5px 10px 5px 10px;
}
.container.globalfooter > div.row {
background-color: black;
color: white;
}
.homegamelist .gameinfo {
font-size: 16px;
}
.title a {
text-decoration: none;
}
a.userprofile {
color: #4f91cd;
}
.forum a {
color: #49abff;
text-decoration: underline;
font-weight: normal;
background-color: transparent;
}
.redactor_editor a {
color: #49abff;
}
li.active a {
text-decoration: underline;
font-weight: bold;
font-size: 1.2em;
padding: .285em .5em .285em .5em;
}
.redactor_editor,
.redactor_editor:focus {
background: transparent;
}
.redactor_box .redactor_editor,
.redactor_box .redactor_editor:focus {
color: black;
font-size: 15px;
}
.forum .pull-right input {
width: 210px;
background-color: whitesmoke;
color: black;
}
.jumbointro .col-md-4 h2 {
display: none;
}
.posts .postcontent p,
.posts .postcontent p span,
.posts .postcontent p b,
.posts .postcontent div,
.posts .postcontent div p,
.posts .postcontent div i,
.posts .postcontent div li,
.posts .postcontent span {
color: #ccc !important;
background-color: #3b3b3b;
padding: 2px;
margin: 0;
}
p b {
color: unset;
}
.postcontent blockquote {
background-color: #777;
padding: 5px 15px;
margin: 0 0 15px 15px;
font-size: 85%;
border-left: 8px solid #a5a5a5;
}
pre * {
background-color: transparent !important;
}
.chosen-container {
width: 75%!important;
height: 4em;
}
.chosen-container-multi .chosen-choices li.search-choice {
font-size: .85em;
}
li {
color: inherit;
}
ul,
ol {
color: #ccc !important;
}
.posts .postcontent,
.posts .post .redactor_box {
background-color: #3b3b3b;
color: #ccc !important;
font-size: 15px;
font-family: Verdana;
width: 850px;
border: 1px solid #a9a9a9;
border-radius: 5px;
padding: 5px;
min-height: 4em;
display: flex;
flex-direction: column;
justify-content: center;
}
.postlisting > div.meta > div + strong {
color: #30f079 !important;
padding: 1px 5px 1px 5px;
font-size: .85em;
}
.postlisting .meta strong.devposttag {
color: #ee2b7b !important;
border: none;
box-shadow: none;
font-size: .75em;
}
.postlisting > div.meta > strong:first-child {
color: #ccc;
}
.breadcrumb {
background-color: #333;
}
.breadcrumb li {
color: #79919e;
}
blockquote {
background-color: #777;
color: #ccc !important;
border-left: 1em solid #a5a5a5;
}
.postcontent blockquote {
background-color: #777;
color: #ccc !important;
margin: 0 0 15px 15px;
font-size: .85em;
border-left: 1em solid #a5a5a5;
}
.postcontent blockquote p {
background-color: #5e5e5e;
color: #ccc !important;
font-size: .95em;
}
.article-snippet p {
color: #ccc !important;
}
.container.globalfooter p {
color: #ccc !important;
}
/* LFG */
.table-striped > tbody > tr:nth-of-type(odd) {
background-color: #777;
}
.table-striped > tbody > tr:nth-of-type(odd) p,
.table-striped > tbody > tr:nth-of-type(even) p {
color: #ccc !important;
}
.campaign_details.listing_details div .description p {
color: #ccc !important;
}
.useroptions > select {
color: #333;
}
input,
button,
select,
textarea {
font-family: inherit;
font-size: inherit;
line-height: inherit;
color: black;
background-color: grey;
}
.btn-group > .btn:first-child {
margin-left: 5px;
padding: 5px;
background-color: initial;
}
.col-md-12.btn-row .btn-group > .btn:first-child {
margin: 0 0 5px 5px;
padding: 2px;
border: 1px solid #414141;
border-radius: 10px;
background-color: gray;
}
.note-editor .panel-default > .panel-heading,
.posts .postcontent div.note-editor .note-toolbar-wrapper .panel-heading .note-btn-group,
.posts .postcontent div.note-editor .note-toolbar-wrapper .panel-heading .note-btn-group .btn-group .note-btn i,
.posts .postcontent div.note-editor .note-toolbar-wrapper .panel-heading .note-btn-group .btn-group .note-btn span,
.posts .postcontent div.note-editor .note-toolbar-wrapper .panel-heading .note-btn-group .note-btn-group,
.panel-heading .btn-group > .btn * {
color: #333 !important;
background-color: #f5f5f5 !important;
border-color: #ddd;
display: inline-flex;
justify-content: center;
}
}
