/* Light theme syntax highlighting (GitHub style) */
.highlight {
  background-color: #e8e8e8;
  border-radius: 3px;
  border: 1px solid #d0d0d0;
  overflow-x: auto;
}

.chroma {
  color: #24292e;
  padding: 10px;
}
.chroma .err { color: #a61717; background-color: #e3d2d2 }
.chroma .lntd { vertical-align: top; padding: 0; margin: 0; border: 0; }
.chroma .lntable { border-spacing: 0; padding: 0; margin: 0; border: 0; width: 100%; overflow: auto; display: block; }
.chroma .hl { background-color: #ffffcc; display: block; width: 100% }
.chroma .lnt { margin-right: 0.4em; padding: 0 0.4em 0 0.4em; display: block; color: #6e7781; }
.chroma .ln { margin-right: 0.4em; padding: 0 0.4em 0 0.4em; color: #6e7781; }
.chroma .k { color: #d73a49 }
.chroma .kc { color: #005cc5 }
.chroma .kd { color: #d73a49 }
.chroma .kn { color: #d73a49 }
.chroma .kp { color: #d73a49 }
.chroma .kr { color: #d73a49 }
.chroma .kt { color: #d73a49 }
.chroma .na { color: #6f42c1 }
.chroma .nc { color: #6f42c1 }
.chroma .no { color: #005cc5 }
.chroma .nd { color: #6f42c1 }
.chroma .ne { color: #005cc5 }
.chroma .nf { color: #6f42c1 }
.chroma .nx { color: #24292e }
.chroma .nt { color: #22863a }
.chroma .l { color: #005cc5 }
.chroma .ld { color: #032f62 }
.chroma .s { color: #032f62 }
.chroma .sa { color: #032f62 }
.chroma .sb { color: #032f62 }
.chroma .sc { color: #032f62 }
.chroma .dl { color: #032f62 }
.chroma .sd { color: #032f62 }
.chroma .s2 { color: #032f62 }
.chroma .se { color: #005cc5 }
.chroma .sh { color: #032f62 }
.chroma .si { color: #032f62 }
.chroma .sx { color: #032f62 }
.chroma .sr { color: #032f62 }
.chroma .s1 { color: #032f62 }
.chroma .ss { color: #005cc5 }
.chroma .m { color: #005cc5 }
.chroma .mb { color: #005cc5 }
.chroma .mf { color: #005cc5 }
.chroma .mh { color: #005cc5 }
.chroma .mi { color: #005cc5 }
.chroma .il { color: #005cc5 }
.chroma .mo { color: #005cc5 }
.chroma .o { color: #d73a49 }
.chroma .ow { color: #d73a49 }
.chroma .c { color: #6a737d; font-style: italic }
.chroma .ch { color: #6a737d; font-style: italic }
.chroma .cm { color: #6a737d; font-style: italic }
.chroma .c1 { color: #6a737d; font-style: italic }
.chroma .cs { color: #6a737d; font-style: italic }
.chroma .cp { color: #6a737d; font-style: italic }
.chroma .cpf { color: #6a737d; font-style: italic }
.chroma .gd { color: #b31d28; background-color: #ffeef0 }
.chroma .ge { font-style: italic }
.chroma .gi { color: #22863a; background-color: #f0fff4 }
.chroma .gs { font-weight: bold }
.chroma .gu { color: #6a737d }

/* Dark theme syntax highlighting (Monokai style) */
[data-theme="dark"] .highlight {
  background-color: #272822;
  border-color: #3e3d32;
}

[data-theme="dark"] .chroma {
  color: #f8f8f2;
}
[data-theme="dark"] .chroma .err { color: #960050; background-color: #1e0010 }
[data-theme="dark"] .chroma .lnt { color: #7f7f7f }
[data-theme="dark"] .chroma .ln { color: #7f7f7f }
[data-theme="dark"] .chroma .k { color: #66d9ef }
[data-theme="dark"] .chroma .kc { color: #66d9ef }
[data-theme="dark"] .chroma .kd { color: #66d9ef }
[data-theme="dark"] .chroma .kn { color: #f92672 }
[data-theme="dark"] .chroma .kp { color: #66d9ef }
[data-theme="dark"] .chroma .kr { color: #66d9ef }
[data-theme="dark"] .chroma .kt { color: #66d9ef }
[data-theme="dark"] .chroma .na { color: #a6e22e }
[data-theme="dark"] .chroma .nc { color: #a6e22e }
[data-theme="dark"] .chroma .no { color: #66d9ef }
[data-theme="dark"] .chroma .nd { color: #a6e22e }
[data-theme="dark"] .chroma .ne { color: #a6e22e }
[data-theme="dark"] .chroma .nf { color: #a6e22e }
[data-theme="dark"] .chroma .nx { color: #a6e22e }
[data-theme="dark"] .chroma .nt { color: #f92672 }
[data-theme="dark"] .chroma .l { color: #ae81ff }
[data-theme="dark"] .chroma .ld { color: #e6db74 }
[data-theme="dark"] .chroma .s { color: #e6db74 }
[data-theme="dark"] .chroma .sa { color: #e6db74 }
[data-theme="dark"] .chroma .sb { color: #e6db74 }
[data-theme="dark"] .chroma .sc { color: #e6db74 }
[data-theme="dark"] .chroma .dl { color: #e6db74 }
[data-theme="dark"] .chroma .sd { color: #e6db74 }
[data-theme="dark"] .chroma .s2 { color: #e6db74 }
[data-theme="dark"] .chroma .se { color: #ae81ff }
[data-theme="dark"] .chroma .sh { color: #e6db74 }
[data-theme="dark"] .chroma .si { color: #e6db74 }
[data-theme="dark"] .chroma .sx { color: #e6db74 }
[data-theme="dark"] .chroma .sr { color: #e6db74 }
[data-theme="dark"] .chroma .s1 { color: #e6db74 }
[data-theme="dark"] .chroma .ss { color: #e6db74 }
[data-theme="dark"] .chroma .m { color: #ae81ff }
[data-theme="dark"] .chroma .mb { color: #ae81ff }
[data-theme="dark"] .chroma .mf { color: #ae81ff }
[data-theme="dark"] .chroma .mh { color: #ae81ff }
[data-theme="dark"] .chroma .mi { color: #ae81ff }
[data-theme="dark"] .chroma .il { color: #ae81ff }
[data-theme="dark"] .chroma .mo { color: #ae81ff }
[data-theme="dark"] .chroma .o { color: #f92672 }
[data-theme="dark"] .chroma .ow { color: #f92672 }
[data-theme="dark"] .chroma .c { color: #75715e }
[data-theme="dark"] .chroma .ch { color: #75715e }
[data-theme="dark"] .chroma .cm { color: #75715e }
[data-theme="dark"] .chroma .c1 { color: #75715e }
[data-theme="dark"] .chroma .cs { color: #75715e }
[data-theme="dark"] .chroma .cp { color: #75715e }
[data-theme="dark"] .chroma .cpf { color: #75715e }
[data-theme="dark"] .chroma .gd { color: #f92672 }
[data-theme="dark"] .chroma .ge { font-style: italic }
[data-theme="dark"] .chroma .gi { color: #a6e22e }
[data-theme="dark"] .chroma .gs { font-weight: bold }
[data-theme="dark"] .chroma .gu { color: #75715e }