src/highlightjs/material-light.scss

0001 /** Adapted from https://github.com/atom-material/atom-material-syntax-light */
0002 .hljs {
0003   display: block;
0004   overflow-x: auto;
0005   padding: 1em;
0006   background: #FAFAFA;
0007   color: #37474f;
0008   -webkit-font-smoothing: antialiased;
0009   text-size-adjust: 100%;
0010   font: 300 100%/1 Roboto Mono,monospace;
0011   font-size: 14px;
0012 }
0013
0014 .hljs > *::selection,
0015 .hljs-section {
0016   background-color: #D6EDEA;
0017 }
0018
0019 .hljs-comment {
0020   color: #616161;
0021   font-style: italic;
0022 }
0023
0024 .hljs-tag,
0025 .hljs-selector-tag,
0026 .hljs-regexp,
0027 .hljs-meta {
0028   color: #9c27b0;
0029 }
0030
0031 .hljs-string,
0032 .hljs-subst {
0033   color: #0d904f;
0034 }
0035
0036 .hljs-number,
0037 .hljs-variable,
0038 .hljs-template-variable {
0039   color: #80CBC4;
0040 }
0041
0042 .hljs-name,
0043 .hljs-keyword,
0044 .hljs-type,
0045 .hljs-attribute {
0046   color: #3b78e7;
0047 }
0048
0049 .hljs-title,
0050 .hljs-function > .hljs-title,
0051 .hljs-symbol,
0052 .hljs-bullet,
0053 .hljs-built_in,
0054 .hljs-builtin-name,
0055 .hljs-link {
0056   color: #6182B8;
0057 }
0058
0059 .hljs-params {
0060   color: #d81b60;
0061 }
0062
0063 .hljs-addition {
0064   color: #3b78e7;
0065   display: inline-block;
0066   width: 100%;
0067 }
0068
0069 .hljs-deletion {
0070   color: #E53935;
0071   display: inline-block;
0072   width: 100%;
0073 }
0074
0075 .hljs-selector-id,
0076 .hljs-selector-class {
0077   color: #8796B0;
0078 }
0079
0080 .hljs-emphasis {
0081   font-style: italic;
0082 }
0083
0084 .hljs-strong {
0085   font-weight: bold;
0086 }
0087
0088 .hljs-link {
0089   text-decoration: underline;
0090 }