.wrap {
  background: #eee;
  color: #222;
}


.dark {
  color: #eee; 
  background: #222; 
}
.dark .body{
  background-color: rgba(34, 34, 34, 0.7); 
}
.dark a, .dark  a:link, .dark  a:active {
    color: #ddd;
    text-decoration: none;
}
.dark a:hover, .dark a:focus {
    color: #fff;
    text-decoration: underline;
}
.dark nav {
    background-color: #222
}
.dark footer {
    background-color: #222
}
.dark .icon-btn {
  -webkit-text-fill-color: #eee;
}
.dark hr {
  background-color: #444;
  border-color: #444;  
}
.dark pre.prettyprint{display:block;background-color:#2A2928}
.dark .str{color:#ec7600}
.dark .kwd{color:#93c763}
.dark .com{color:#66747b}
.dark .typ{color:#678cb1}
.dark .lit{color:#facd22}
.dark .pun, .dark .opn, .dark .clo{color:#f1f2f3}
.dark .pln{color:#f1f2f3}
.dark .tag{color:#8ac763}
.dark .atn{color:#e0e2e4}
.dark .atv{color:#ec7600}
.dark .dec{color:purple}
.dark .fun{color:red}
.dark .dec, .dark .var{color:#606}
.dark .re.prettyprint{border:0 solid #888}
.dark .l.linenums{margin-top:0;margin-bottom:0;color:#aeaeae}
.dark .prettyprint{border-radius: 4px}
.dark .i, .dark li.L0, .dark li.L1, .dark li.L2, .dark li.L3, .dark li.L4, .dark li.L5, .dark li.L6, .dark li.L7, .dark li.L8, .dark li.L9{color:#aeaeae;list-style-type:decimal}



.light {
  color: #222; 
  background: #eee; 
}
.light .body{
  background-color: rgba(238, 238, 238, 0.7); 
}
.light a, .light a:link, .light a:active {
    color: #444;
    text-decoration: none;
}
.light a:hover, .light a:focus {
    color: #000;
    text-decoration: underline;
}
.light nav {
    background-color:#eee
}
.light footer {
    background-color:#eee
}
.light .icon-btn {
  -webkit-text-fill-color: #222;
}
.light hr {
  background-color: #aaa; 
  border-color: #aaa;  
}
.light pre.prettyprint{display:block;background-color:#FFF}
.light .str{color:#ec7600}
.light .kwd{color:#d76333}
.light .com{color:#66747b}
.light .typ{color:#678cb1}
.light .lit{color:#da02ad}
.light .pun, .light .opn, .light .clo{color:#2A2928}
.light .pln{color:#2A2928}
.light .tag{color:#8ac763}
.light .atn{color:#e0e2e4}
.light .atv{color:#ec7600}
.light .dec{color:purple}
.light .fun{color:red}
.light .dec, .light .var{color:#606}
.light .re.prettyprint{border:0 solid #888}
.light .l.linenums{margin-top:0;margin-bottom:0;color:#aeaeae}
.light .prettyprint{border-radius: 4px}
.light .i, .light li.L0, .light li.L1, .light li.L2, .light li.L3, .light li.L4, .light li.L5, .light li.L6, .light li.L7, .light li.L8, .light li.L9{color:#5C5C5C;list-style-type:decimal}