elements were note selecting with simple .cm-string , but this .cm-string-2 fixes it */
.theme-dark .cm-string-2 {
color:#ff80bf;
}
/* In bash it selects default commands e.g. cd, ls, grep, wc, find etc. */
.theme-dark .cm-builtin {
color:#80ffea;
}
/* ------------------------------------------------------------*/
/* ---------------- Codeblock - Reading Mode ------------------*/
/* ----------------------- .token -----------------------------*/
/* ------------------------------------------------------------*/
/* Main Properties */
.theme-dark code[class*="language-"],
.theme-dark pre[class*="language-"] {
background: #282a36 !important;
color: #f8f8f2;
font-family:'SF Mono', Monaco, 'Andale Mono', 'Ubuntu Mono', monospace;
/* font-weight: 600 !important; */
/* white-space: pre; */
word-spacing: normal;
word-break: normal;
line-height: 1.5;
/* The default is 4, but you could change it if you really, really want to */
tab-size: 2;
-webkit-hyphens: none;
hyphens: none;
}
/* What the code looks like when highlighted */
code[class*="language-"]::selection,
code[class*="language-"] ::selection,
pre[class*="language-"]::selection,
pre[class*="language-"] ::selection {
background: rgba(146, 146, 175, 0.164); /* changes background color */
color: unset; /* changes color of the highlighted text */
}
/* Properties specific to code blocks */
pre[class*="language-"] {
padding: 1em; /* this is standard */
margin: 0.5em 0; /* this is the default */
overflow: auto; /* this is standard */
border-radius: 5px; /* make codeblock edges round */
}
/**
* These are the minimum tokens you must style, you can rearrange them and/or style more tokens as you want
* The concepts behind these standard tokens, as well as some examples, can be found here: https://prismjs.com/tokens.html
*/
/* Comment */
.theme-dark .token.comment {
color: #6272a4;
}
/* In HTML e.g. */
.theme-dark .token.doctype {
color: #6272a4;
}
/* Punctuation such as brackets, parentheses, commas, and more. */
.theme-dark .token.punctuation {
color:#f8f8f2;
}
/* In BASH: color of the pipe | */
/* In css color of = : ! * */
/* .theme-dark .token.operator {
color: red;
} */
/* In html: attribute within e.g.