src/highlightjs/material-dark.scss

0001 /*
0002 Orginal Style from https://github.com/Kelbster/highlightjs-material-dark-theme  (c) Kelby Gassmanl <kelby.gassman@gmail.com>
0003 */
0004 .hljs {
0005   display: block;
0006   overflow-x: auto;
0007   padding: 1em;
0008   background: #2B2B2D;
0009   color: #CDD3D8;
0010   -webkit-font-smoothing: antialiased;
0011   text-size-adjust: 100%;
0012   font: 300 100%/1 Roboto Mono,monospace;
0013   font-size: 14px;
0014 }
0015
0016 .hljs > *::selection {
0017   background-color: #3e4451;
0018 }
0019
0020 .hljs-comment {
0021   color: #9E9E9E;
0022   font-style: italic;
0023 }
0024
0025 .hljs-selector-tag {
0026   color: #C792EA;
0027 }
0028
0029 .hljs-string,
0030 .hljs-subst {
0031   color: #9ccc65;
0032 }
0033
0034 .hljs-number,
0035 .hljs-regexp,
0036 .hljs-variable,
0037 .hljs-template-variable {
0038   color: #F77669;
0039 }
0040
0041 .hljs-keyword {
0042   color: #C792EA;
0043 }
0044 .hljs-function > .hljs-title {
0045   color: #75A5FF;
0046 }
0047 .hljs-tag {
0048   color: #ce93d8;
0049 }
0050 .hljs-name {
0051   color: #4dd0e1;
0052 }
0053 .hljs-type {
0054   color: #da4939;
0055 }
0056
0057 .hljs-attribute {
0058   color: #80CBBF;
0059 }
0060
0061 .hljs-symbol,
0062 .hljs-bullet,
0063 .hljs-built_in,
0064 .hljs-builtin-name,
0065 .hljs-link {
0066   color: #C792EA;
0067 }
0068
0069 .hljs-params {
0070   color: #EEFFF7;
0071 }
0072
0073
0074 .hljs-meta {
0075   color: #75A5FF;
0076 }
0077
0078 .hljs-title {
0079   color: #75A5FF;
0080 }
0081
0082 .hljs-section {
0083   color: #ffc66d;
0084 }
0085
0086 .hljs-addition {
0087   background-color: #144212;
0088   color: #e6e1dc;
0089   display: inline-block;
0090   width: 100%;
0091 }
0092
0093 .hljs-deletion {
0094   background-color: #600;
0095   color: #e6e1dc;
0096   display: inline-block;
0097   width: 100%;
0098 }
0099
0100 .hljs-selector-class {
0101   color: #FFCB68;
0102 }
0103
0104 .hljs-selector-id {
0105   color: #F77669;
0106 }
0107
0108 .hljs-emphasis {
0109   font-style: italic;
0110 }
0111
0112 .hljs-strong {
0113   font-weight: bold;
0114 }
0115
0116 .hljs-link {
0117   text-decoration: underline;
0118 }