Skip to content

Instantly share code, notes, and snippets.

@vince-roll20
Last active May 4, 2022
Embed
What would you like to do?
Stylish export/import - Roll20 - Forums - Dark
@-moz-document url-prefix("https://roll20.net"), url-prefix("https://app.roll20.net/forum"), url-prefix("https://app.roll20.net/private_message/"), url-prefix("https://app.roll20.net/sheetsandbox/settings/"), url-prefix("https://app.roll20.net/campaigns/"), url-prefix("https://app.roll20.net/lfg"), url-prefix("https://app.roll20.net/users"), url-prefix("https://app.roll20.net/playerdirectory"), url-prefix("https://app.roll20.net/marker-library"), url-prefix("https://app.roll20.net/vault"), url-prefix("https://app.roll20.net/marker-library"), url-prefix("https://app.roll20dev.net"), url-prefix("https://marketplace.roll20.net") {
body {
background-color: #000;
color: #fff;
}
body.loggedin {
background-color: #000;
color: #fff;
}
body.loggedin .container {
background-color: #333;
color: #fff;
}
.pictos {
color: #ccc !important;
font-family: "Pictos" !important;
}
a.pictos.filtersinfo {
position: relative;
}
p.masthead_info {
background-color: transparent;
}
.btn-purple:hover,
.btn-purple:focus,
.btn-purple:active,
.btn-purple.active,
.btn-purple.hover {
background-color: #34126c !important;
color: #fff;
}
.topbar .row:first-child {
padding-bottom: 5px;
padding-top: 5px;
}
.topbar .row,
.topbar .menu-hider,
.topbar .btn-group,
.topbar .full,
.topbar .simple {
background-color: #666 !important;
}
.topbar .gameinfo span {
background-color: #333 !important;
}
.topbar .gameinfo a:first-child {
background-color: transparent !important;
}
.topbar .simple a,
.topbar .full a {
color: #fff !important;
}
.topbar .simple .listing p a,
.topbar .full .listing p a {
color: #6c98ff !important
}
.topbar .btn.btn-default.dropdown-toggle {
background-color: transparent;
margin: 0;
}
.col-md-12.btn-row .btn-group.alertcontainer > button.sitenotifications,
.col-md-12.btn-row .btn-group.alertcontainer > a.btn {
background-color: initial;
border: none;
}
.col-md-12.btn-row .btn-group > .btn:first-child:hover {
background-color: white;
color: #ce007a;
}
.topbar .row:first-child img {
height: 40px;
}
.topbar .row:first-child {
padding-bottom: 5px;
padding-top: 5px;
width: calc(100% + 30px);
}
.topbar .row,
.topbar .menu-hider,
.topbar .btn-group {
background-color: #888;
border: none;
}
.topbar .btn-default {
background-color: #414141;
border: none;
color: #FFF;
font-size: 1em;
padding: 0 5px 0 5px;
}
.container,
.container p {
background-color: #333;
color: #ccc !important;
}
.container.topbar,
.container.topbar .row {
background-color: #888;
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 {
background-color: #1e1c1c;
color: white;
width: 100%;
}
.forum h3 {
background-color: #0b3845;
padding: 5px 10px 5px 10px;
}
.chosen-container-multi .chosen-choices {
height: 2em !important;
overflow-y: scroll;
}
.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 {
background-color: transparent;
color: #49abff;
font-weight: normal;
text-decoration: underline;
}
.redactor_editor a {
color: #49abff;
}
li.active a {
font-size: 1.2em;
font-weight: bold;
padding: .285em .5em .285em .5em;
text-decoration: underline;
}
.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 {
background-color: whitesmoke;
color: black;
width: 210px;
}
.jumbointro .col-md-4 h2 {
display: none;
}
p b {
color: unset;
}
pre * {
background-color: transparent !important;
}
.chosen-container {
height: 4em;
width: 75% !important;
}
.chosen-container-multi .chosen-choices li.search-choice {
font-size: .85em;
}
.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 {
background-color: #3b3b3b !important;
color: #ccc !important;
margin: 0;
max-width: 100%;
padding: 2px;
}
.posts .postcontent blockquote {
border-left: 1em solid #a5a5a5;
color: #ccc !important;
font-size: .85em;
margin: 0 0 15px 15px;
}
.posts .postcontent blockquote p {
background-color: #5e5e5e;
}
blockquote {
background-color: #3b3b3b !important;
border-left: 8px solid #ccc !important;
margin: 0 0 15px 15px;
padding: 5px 15px;
}
blockquote ol,
blockquote li {
background-color: #44474c !important;
border-left: 10px solid transparent !important;
margin: 0 0 5px 18px;
padding: 3px 7px 0 0;
}
ul,
ol,
ol *,
ul * {
background-color: inherit;
color: #ccc !important;
}
li {
color: inherit;
}
.postcontent pre {
white-space: pre-wrap !important;
}
.postcontent div {
white-space: pre-wrap;
word-break: break-word;
}
.post .postcontent pre,
.note-editable pre {
white-space: pre-wrap;
}
.posts .postcontent,
.posts .post .redactor_box {
background-color: #3b3b3b;
border-radius: 5px;
border: 1px solid #a9a9a9;
display: flex;
flex-direction: column;
font-family: Verdana;
font-size: 15px;
justify-content: center;
min-height: 4em;
padding: 5px;
width: 850px;
}
.postlisting .meta {
font-size: 0.9em;
color: #c4b2a3 !important;
}
.postlisting > div.meta > div + strong {
color: #30f079 !important;
font-size: .85em;
padding: 1px 5px 1px 5px;
}
.postlisting .meta strong.devposttag {
border: none;
box-shadow: none;
color: #ff30ab !important;
font-size: .75em;
}
.postlisting > div.meta > strong:first-child {
color: #ccc;
}
.breadcrumb {
background-color: #333;
}
.breadcrumb li {
color: #79919e;
}
blockquote {
background-color: #888;
border-left: 1em solid #a5a5a5;
color: #ccc !important;
}
.article-snippet p {
color: #ccc !important;
}
.container.globalfooter p {
color: #ccc !important;
}
/* LFG */
.table-striped > tbody > tr:nth-of-type(odd) {
background-color: #888;
}
.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 {
background-color: grey;
color: black;
font-family: inherit;
font-size: inherit;
line-height: inherit;
}
.btn-group > .btn:first-child {
background-color: initial;
margin-left: 5px;
padding: 5px;
}
.col-md-12.btn-row .btn-group > .btn:first-child {
background-color: gray;
border-radius: 10px;
border: 1px solid #414141;
margin: 0 0 5px 5px;
padding: 2px;
}
.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 * {
background-color: #f5f5f5 !important;
border-color: #ddd;
color: #333;
display: inline-flex;
justify-content: center;
}
div.label span.pictos {
color: orange !important;
}
.postcontent > pre,
.postcontent > pre * {
background-color: #003c77;
color: #d7d7d7 !important;
}
.ui-tooltip.ui-widget.ui-corner-all.ui-widget-content {
display: none !important;
}
.token-markers__main {
background-color: #000 !important;
}
.modal-open .modal-content {
background-color: #333;
color: inherit;
}
}
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment