Skip to content

Instantly share code, notes, and snippets.

@Craftplacer
Created February 29, 2020 11:33
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 Craftplacer/6d7d610f87da9c00001470defd67a3f4 to your computer and use it in GitHub Desktop.
Save Craftplacer/6d7d610f87da9c00001470defd67a3f4 to your computer and use it in GitHub Desktop.
:root { /* Background Palette */
--c0: hsl(0, 0%, 13%);
--c1: hsl(0, 0%, 17%);
--c2: hsl(0, 0%, 25%);
--c3: hsl(0, 0%, 36%);
--c6: hsl(0, 0%, 60%);
--bg-border: rgb(97, 97, 97);
}
:root { /* EZ Variables */
--background: var(--c0);
--background-2: var(--c1); /* Brighter background for cards and so on*/
--frame-color: var(--c2);
--secondary-text: var(--c6);
--thread-lines: var(--c3);
}
/* CSS Classes */
.r-1srlen8 { background-color: var(--background); }
body { background-color: var(--background) !important; }
.r-1uaug3w { background-color: var(--background-2); }
.r-yfoy6g { background-color: var(--background); }
.r-18bvks7 {
border-left-color: var(--frame-color);
border-right-color: var(--frame-color);
border-top-color: var(--frame-color);
border-bottom-color: var(--frame-color);
}
.r-aaos50 {
background-color: var(--background-2);
}
.r-hjejmn { background-color: var(--thread-lines); }
.r-111h2gw { color: var(--secondary-text); }
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment