Skip to content

Instantly share code, notes, and snippets.

@pavi2410

pavi2410/srm_elab.css

Last active October 1, 2020 11:43
Show Gist options
  • Star 0 You must be signed in to star a gist
  • Fork 0 You must be signed in to fork a gist
  • Save pavi2410/808d23d20bd771e869ca5db098a3fdfb to your computer and use it in GitHub Desktop.
Save pavi2410/808d23d20bd771e869ca5db098a3fdfb to your computer and use it in GitHub Desktop.
Download ZIP
Dark theme for SRM eLab
Raw
srm_elab.css
body { background-color: black; }
.mat-card { filter: invert(0.9); }
#svgChart > g:nth-child(2) > rect:nth-child(1) { fill: black; }
#courseName { color: white; }
.selector { filter: invert(1); position: absolute; top: 83px; left: 30%; }
.top a { visibility: hidden; }
.question { background-color: black; max-height: none !important; padding: 0 !important; overflow: unset !important; }
.solution { width: 68% !important; }
.question a { font-family: "Cascadia Mono"; }
.question pre, .solution pre.ng-star-inserted { padding: 4px; background-color: black; }
.question pre > code, .solution pre > code { background-color: transparent; font-size: 1.2em; font-weight: bold; filter: invert(1) brightness(1); }
.question pre > code::selection, .solution pre > code::selection { color: white; background-color: blue; }
.solution h4:not(.ng-star-inserted) { display: none; }
.CodeMirror pre { font-family: "Cascadia Code"; font-weight: bold; }
@pavi2410
Copy link
Author

pavi2410 commented Oct 1, 2020

Preview

image

@pavi2410
Copy link
Author

pavi2410 commented Oct 1, 2020 •
edited

Installation

Apply the following CSS for the domain care.srmist.edu.in

/* Stable version */
@import url(https://cutt.ly/srm-elab-dark);

/* Latest version */
@import url(https://cutt.ly/srm-elab-dark--latest);

If you use Firefox, I'd recommend you to use this addon: CustomCSS Injector

⚠ Note to self

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