UNPKG

3.07 kBCSSView Raw
1/**
2 * VS theme by Andrew Lock (https://andrewlock.net)
3 * Inspired by Visual Studio syntax coloring
4 */
5
6code[class*="language-"],
7pre[class*="language-"] {
8 color: #393A34;
9 font-family: "Consolas", "Bitstream Vera Sans Mono", "Courier New", Courier, monospace;
10 direction: ltr;
11 text-align: left;
12 white-space: pre;
13 word-spacing: normal;
14 word-break: normal;
15 font-size: .9em;
16 line-height: 1.2em;
17
18 -moz-tab-size: 4;
19 -o-tab-size: 4;
20 tab-size: 4;
21
22 -webkit-hyphens: none;
23 -moz-hyphens: none;
24 -ms-hyphens: none;
25 hyphens: none;
26}
27
28pre > code[class*="language-"] {
29 font-size: 1em;
30}
31
32pre[class*="language-"]::-moz-selection, pre[class*="language-"] ::-moz-selection,
33code[class*="language-"]::-moz-selection, code[class*="language-"] ::-moz-selection {
34 background: #C1DEF1;
35}
36
37pre[class*="language-"]::selection, pre[class*="language-"] ::selection,
38code[class*="language-"]::selection, code[class*="language-"] ::selection {
39 background: #C1DEF1;
40}
41
42/* Code blocks */
43pre[class*="language-"] {
44 padding: 1em;
45 margin: .5em 0;
46 overflow: auto;
47 border: 1px solid #dddddd;
48 background-color: white;
49}
50
51/* Inline code */
52:not(pre) > code[class*="language-"] {
53 padding: .2em;
54 padding-top: 1px;
55 padding-bottom: 1px;
56 background: #f8f8f8;
57 border: 1px solid #dddddd;
58}
59
60.token.comment,
61.token.prolog,
62.token.doctype,
63.token.cdata {
64 color: #008000;
65 font-style: italic;
66}
67
68.token.namespace {
69 opacity: .7;
70}
71
72.token.string {
73 color: #A31515;
74}
75
76.token.punctuation,
77.token.operator {
78 color: #393A34; /* no highlight */
79}
80
81.token.url,
82.token.symbol,
83.token.number,
84.token.boolean,
85.token.variable,
86.token.constant,
87.token.inserted {
88 color: #36acaa;
89}
90
91.token.atrule,
92.token.keyword,
93.token.attr-value,
94.language-autohotkey .token.selector,
95.language-json .token.boolean,
96.language-json .token.number,
97code[class*="language-css"] {
98 color: #0000ff;
99}
100
101.token.function {
102 color: #393A34;
103}
104
105.token.deleted,
106.language-autohotkey .token.tag {
107 color: #9a050f;
108}
109
110.token.selector,
111.language-autohotkey .token.keyword {
112 color: #00009f;
113}
114
115.token.important {
116 color: #e90;
117}
118
119.token.important,
120.token.bold {
121 font-weight: bold;
122}
123
124.token.italic {
125 font-style: italic;
126}
127
128.token.class-name,
129.language-json .token.property {
130 color: #2B91AF;
131}
132
133.token.tag,
134.token.selector {
135 color: #800000;
136}
137
138.token.attr-name,
139.token.property,
140.token.regex,
141.token.entity {
142 color: #ff0000;
143}
144
145.token.directive.tag .tag {
146 background: #ffff00;
147 color: #393A34;
148}
149
150/* overrides color-values for the Line Numbers plugin
151 * http://prismjs.com/plugins/line-numbers/
152 */
153.line-numbers.line-numbers .line-numbers-rows {
154 border-right-color: #a5a5a5;
155}
156
157.line-numbers .line-numbers-rows > span:before {
158 color: #2B91AF;
159}
160
161/* overrides color-values for the Line Highlight plugin
162* http://prismjs.com/plugins/line-highlight/
163*/
164.line-highlight.line-highlight {
165 background: rgba(193, 222, 241, 0.2);
166 background: -webkit-linear-gradient(left, rgba(193, 222, 241, 0.2) 70%, rgba(221, 222, 241, 0));
167 background: linear-gradient(to right, rgba(193, 222, 241, 0.2) 70%, rgba(221, 222, 241, 0));
168}