Skip to content

Instantly share code, notes, and snippets.

@balazsorban44
Last active September 9, 2021 09:11
Show Gist options
  • Save balazsorban44/f779f4656ca0206e22d7acb7839729cc to your computer and use it in GitHub Desktop.
Save balazsorban44/f779f4656ca0206e22d7acb7839729cc to your computer and use it in GitHub Desktop.
Using Stylus, I made this Gruvbox "like" dark theme for my Istanbul code coverage. UNFINISHED. Please leave a comment, if you add something to it, or if you at all actually use it. πŸ˜„
body {
background-color: #1d2021
}
.pln,
.pad1,
.pad1 p,
.cline-yes {
color: #fbf1c7
}
.pad1 span,
.footer {
color: #ebdbb2
}
.fraction {
color: #000 !important;
background: #928374
}
.kwd,
.line-count a {
color: #458588
}
.typ,
h1 a {
color: #83a598
}
span.cline-neutral {
background: #504945
}
.cline-yes {
background: #98971a
}
.pun {
color: #689d6a
}
.str {
color: #fe8019
}
.cline-no {
background: #cc241d
}
.cstat-no {
background: #cc241d;
padding: 1px
}
.cstat-no .kwd,
.high a {
color: #076678
}
.cstat-no .typ {
color: #282828
}
.high {
background: #8ec07c;
color: #282828
}
.high .cover-fill,
.status-line.high {
background: #79740e;
}
.medium,
.missing-if-branch {
background: #fabd2f;
color: #282828
}
.coverage-summary td {
border-right: 1px solid black
}
.coverage-summary tr {
border-bottom: 1px solid black
}
.high a {
border: none
}
.fstat-no {
background: #8f3f71
}
.sorter {
filter: invert(1);
}
@balazsorban44
Copy link
Author

balazsorban44 commented Jul 26, 2019

Usage

Chrome:
https://chrome.google.com/webstore/detail/stylus/clngdbkpkpeebahjckkjfobafhncgmne?hl=en

Firefox:
https://addons.mozilla.org/en-US/firefox/addon/styl-us/

  1. Create a new style sheet with the regex url specification .*/coverage/.*
  2. Copy+paste this gist
  3. Save

Screenshots

All files:
image

Code:
image

@sixcircuit
Copy link

This is awesome. Thanks a bunch for making it.

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment