custom.css

/*  
 *  colors
 */
:root {
  /* site colors */
  --light-blue: #0DC8F6;
  --ruby: #E71B23;
  --pale-red: #E55743;
  --dark-grey: #626262;
  --light-grey: #767F7F;
  --pale-black: #212121;
  --white: #FFFFFF;
  --nav-shadow: 0px 3px 15px 0px rgba(0,0,0,0.1);
  --footer-shadow: 0px 3px 50px 0px rgba(43,45,66,0.4);
  /* syntax highlight */
  --base03: #002b36;  /* background */
  --base02: #073642;  /* other background */
  --base01: #586e75;  /* comments / secondary content */
  --base1: #93a1a1;  /* body text / default code / primary content */
  --yellow: #b58900;  /* keyword */
  --orange: #cb4b16;  /* constants */
  --red: #dc322f;  /* regex, special keywords */
  --magenta: #d33682;  /* not sure what to do with this color yet */
  --violet: #6c71c4;  /* not sure what to do with this color yet */
  --blue: #268bd2;  /* reserved keywords */
  --cyan: #2aa198;  /* strings, numbers */
  --green: #859900;  /* operators, other keywords */
}

/*
 * fira sans + condensed
 */
@import url('https://fonts.googleapis.com/css?family=Fira+Sans+Extra+Condensed:300,400,700,900|Fira+Sans:300,400,700'); 

/*
 * fira code
 */
@import url(https://cdn.rawgit.com/tonsky/FiraCode/1.205/distr/fira_code.css);

/*
 * Solarized Dark 
 * http://ethanschoonover.com/solarized
 */

pre, code { font-family: "Fira Code", monospace; font-weight: 300; }
pre { background-color: var(--base03); color: var(--base1); }
code.sourceCode .kw { color: var(--blue); font-weight: 700; } /* Keyword */
code.sourceCode .dt { color: var(--cyan); } /* DataType */
code.sourceCode .dv { color: var(--base01); } /* DecVal */
code.sourceCode .bn { color: var(--orange); } /* BaseN */
code.sourceCode .fl { color: var(--cyan); } /* Float */
code.sourceCode .ch { color: var(--red); } /* Char */
code.sourceCode .st { color: var(--green); } /* String */
code.sourceCode .co { color: var(--base01); font-style: 100i; } /* Comment */
code.sourceCode .ot { color: var(--base1); } /* Other */
code.sourceCode .al { color: var(--green); font-weight: 700; } /* Alert */
code.sourceCode .fu { color: var(--blue); } /* Function */
code.sourceCode .er { color: var(--red); font-weight: 700; } /* Error */
code.sourceCode .wa { color: var(--base1); font-weight: 700i; } /* Warning */
code.sourceCode .cn { color: var(--orange); } /* Constant */
code.sourceCode .sc { color: var(--red); } /* SpecialChar */
code.sourceCode .vs { color: var(--cyan); } /* VerbatimString */
code.sourceCode .ss { color: var(--cyan); } /* SpecialString */
code.sourceCode .im { color: var(--red); } /* Import */
code.sourceCode .va { color: var(--blue); } /* Variable */
code.sourceCode .cf { color: var(--green); font-weight: 700; } /* ControlFlow */
code.sourceCode .op { color: var(--yellow); } /* Operator */
code.sourceCode .bu { color: var(--blue); } /* BuiltIn */
code.sourceCode .ex { } /* Extension */

.reveal h1, 
.reveal h2, 
.reveal h3, 
.reveal h4, 
.reveal h5, 
.reveal h6 {
  font-family: "Fira Sans Extra Condensed", sans-serif;
  font-weight: 900;
}

.reveal .progress span {
  color: var(--pale-black);
  background: var(--pale-black);
}

.reveal strong {
  color: var(--pale-black);
}

.reveal a:not(.image) {
  color: var(--pale-red);
}

.reveal a:not(.image):hover {
  color: var(--ruby);
}

.reveal blockquote {
  background: var(--light-blue);
}

.section .reveal .state-background {
  background: var(--light-blue);
}

.reveal .controls div.navigate-right, .reveal .controls div.navigate-right.enabled {
  border-left-color: var(--pale-red);
}

.reveal .controls div.navigate-right.enabled:hover {
  border-left-color: var(--ruby);
}

.reveal .controls div.navigate-left, .reveal .controls div.navigate-left.enabled {
  border-right-color: var(--dark-grey);
}

.reveal .controls div.navigate-left.enabled:hover {
  border-right-color: var(--pale-grey);
}

.reveal section del {
  color: var(--ruby);
}

.reveal section img {
  box-shadow: none;
}

.reveal ul {
  list-style-type: none;
}

.reveal ul ul {
  list-style-type: none;
}

.reveal li:before {
  font-family: "Fira Code";
  content: "->";
  padding-right: 8px;
}

.reveal li li:before {
  content: "";
  padding-right: 8px;
}