TappedOut Dark Mode CSS Theme/UserStyle

TappedOut forum

Posted on May 18, 2019, 2:10 a.m. by XedMada

Returning Magic player here that is really loving this site, thanks to all involved! <3

Personally i’m not a fan of the coloring, so I made the below quoted CSS tweaks to darken it a bit. Just replacing some of the browns with a dark gray, nothing fancy. It also leaves the default bootstrap alone in case you’re running your own override. Thought i’d share since my decks are still far too awful to be considered “giving back to the community” ;P

DISCLAIMER: Using this style override may adversely affect your interaction with the site, and I make no promises to keep it updated. Use at your own risk. Oh, and remember to disable CSS overrides & re-test if anything is acting “weird” before reporting technical issues.

body, #desktop {
 background-image: none;
 background-color: #222;
}
h1, h2, h3, h4, h4 small, .panel-title {
  color: #aaa;
}
.jumbotron, .well-jumbotron {
  background-image: none;
  background-color: #222;
}
.navbar-inverse, .jumbotron, #desktop {
  border-bottom-color: #333;
}
.top-divider {
  border-top-color: #333;
}
.well, .panel {
  background-color: #333;
  border-color: #333;
}
.panel-footer {
    background-color: #555;
}
.list-group-item {
  background-color: #333;
  border-color: #222;
}

Please login to comment