Skip to content

Instantly share code, notes, and snippets.

@jamesgecko
Last active April 26, 2022 19:39
Show Gist options
  • Star 1 You must be signed in to star a gist
  • Fork 0 You must be signed in to fork a gist
  • Save jamesgecko/78e8dd4bf52575b2959ed13aa6d35cd6 to your computer and use it in GitHub Desktop.
Save jamesgecko/78e8dd4bf52575b2959ed13aa6d35cd6 to your computer and use it in GitHub Desktop.
CodeClimate extension dark mode
@media (prefers-color-scheme: dark) {
.cc-alert {
color: var(--color-scale-black);
}
.cc-issue-description {
color: var(--color-scale-black);
}
.cc-ext .cc-issue .ellipsis-expander {
color: var(--color-scale-black);
}
.cc-ext .cc-readup .cc-readup-background {
background: var(--color-scale-gray-7);
border-color: var(--color-scale-gray-5);
}
.cc-ext .cc-readup-content {
color: var(--color-scale-white);
border-color: var(--color-scale-gray-5);
}
.cc-ext .cc-readup .cc-readup-content pre {
background: var(--color-scale-gray-6);
border-color: var(--color-scale-gray-4);
}
/* Dropdown menu */
.cc-ext .cc-issue-controls, .cc-ext .cc-ticket-created {
background: var(--color-scale-black);
color: var(--color-scale-white);
box-shadow: var(--color-scale-gray-5) 0px 2px 10px 0px;
}
.cc-ext .cc-disable-issue-option .title:hover, .cc-ext .cc-ticket-option .title:hover {
color: var(--color-scale-gray-5);
}
}
@JThurston4
Copy link

how do you use it?

@jamesgecko
Copy link
Author

@JThurston4 The easiest way is probably the Stylus browser extension.

@JThurston4
Copy link

Awesome, thanks!

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