Skip to content

Instantly share code, notes, and snippets.

@akeeton
Last active May 14, 2018 22:53
Show Gist options
  • Save akeeton/c99a0a92ed327ddb64e99dd79fc11cc2 to your computer and use it in GitHub Desktop.
Save akeeton/c99a0a92ed327ddb64e99dd79fc11cc2 to your computer and use it in GitHub Desktop.
Dark theme for mtggoldfish.com - Stylus (Stylish, userstyles.org)
/* ==UserStyle==
@name Dark MTG Goldfish (WIP)
@namespace github.com/openstyles/stylus
@version 0.1.0
@description A simple, dark style for mtggoldfish.com. Feel free to fork and reupload. Coverage is lacking because I made it for my use case.
@author Andrew Keeton
@preprocessor uso
@var color bg-color-main "Main background color" #222
@var color bg-color-highlight "Highlight background color" #333
@var color font-color-main "Main font color" #eee
@var color font-color-highlight "Highlight font color" #fff
==/UserStyle== */
@-moz-document domain("mtggoldfish.com") {
body {
color: /*[[font-color-main]]*/;
background-color: /*[[bg-color-main]]*/;
}
.list-group-item {
color: /*[[font-color-main]]*/;
background-color: /*[[bg-color-main]]*/;
}
.article-sidebar-article-title {
color: /*[[font-color-main]]*/;
background-color: /*[[bg-color-main]]*/;
}
.stealth-link {
color: /*[[font-color-highlight]]*/;
}
.table-striped > tbody > tr:nth-of-type(odd) {
background-color: /*[[bg-color-highlight]]*/;
}
.archetype-tile,
.deck-tile {
background-color: /*[[bg-color-main]]*/;
}
.featured-unit-contents {
background-color: /*[[bg-color-main]]*/;
}
.layout-typePreferencePopup {
background-color: /*[[bg-color-highlight]]*/;
}
}
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment