UNPKG

3.38 kBCSSView Raw
1/*
2Name: Duotone Light
3Author: Simurai, adapted from DuoTone themes for Atom (http://simurai.com/projects/2016/01/01/duotone-themes)
4
5Conversion: Bram de Haan (http://atelierbram.github.io/Base2Tone-prism/output/prism/prism-base2tone-morning-light.css)
6Generated with Base16 Builder (https://github.com/base16-builder/base16-builder)
7*/
8
9code[class*="language-"],
10pre[class*="language-"] {
11 font-family: Consolas, Menlo, Monaco, "Andale Mono WT", "Andale Mono", "Lucida Console", "Lucida Sans Typewriter", "DejaVu Sans Mono", "Bitstream Vera Sans Mono", "Liberation Mono", "Nimbus Mono L", "Courier New", Courier, monospace;
12 font-size: 14px;
13 line-height: 1.375;
14 direction: ltr;
15 text-align: left;
16 white-space: pre;
17 word-spacing: normal;
18 word-break: normal;
19
20 -moz-tab-size: 4;
21 -o-tab-size: 4;
22 tab-size: 4;
23
24 -webkit-hyphens: none;
25 -moz-hyphens: none;
26 -ms-hyphens: none;
27 hyphens: none;
28 background: #faf8f5;
29 color: #728fcb;
30}
31
32pre > code[class*="language-"] {
33 font-size: 1em;
34}
35
36pre[class*="language-"]::-moz-selection, pre[class*="language-"] ::-moz-selection,
37code[class*="language-"]::-moz-selection, code[class*="language-"] ::-moz-selection {
38 text-shadow: none;
39 background: #faf8f5;
40}
41
42pre[class*="language-"]::selection, pre[class*="language-"] ::selection,
43code[class*="language-"]::selection, code[class*="language-"] ::selection {
44 text-shadow: none;
45 background: #faf8f5;
46}
47
48/* Code blocks */
49pre[class*="language-"] {
50 padding: 1em;
51 margin: .5em 0;
52 overflow: auto;
53}
54
55/* Inline code */
56:not(pre) > code[class*="language-"] {
57 padding: .1em;
58 border-radius: .3em;
59}
60
61.token.comment,
62.token.prolog,
63.token.doctype,
64.token.cdata {
65 color: #b6ad9a;
66}
67
68.token.punctuation {
69 color: #b6ad9a;
70}
71
72.token.namespace {
73 opacity: .7;
74}
75
76.token.tag,
77.token.operator,
78.token.number {
79 color: #063289;
80}
81
82.token.property,
83.token.function {
84 color: #b29762;
85}
86
87.token.tag-id,
88.token.selector,
89.token.atrule-id {
90 color: #2d2006;
91}
92
93code.language-javascript,
94.token.attr-name {
95 color: #896724;
96}
97
98code.language-css,
99code.language-scss,
100.token.boolean,
101.token.string,
102.token.entity,
103.token.url,
104.language-css .token.string,
105.language-scss .token.string,
106.style .token.string,
107.token.attr-value,
108.token.keyword,
109.token.control,
110.token.directive,
111.token.unit,
112.token.statement,
113.token.regex,
114.token.atrule {
115 color: #728fcb;
116}
117
118.token.placeholder,
119.token.variable {
120 color: #93abdc;
121}
122
123.token.deleted {
124 text-decoration: line-through;
125}
126
127.token.inserted {
128 border-bottom: 1px dotted #2d2006;
129 text-decoration: none;
130}
131
132.token.italic {
133 font-style: italic;
134}
135
136.token.important,
137.token.bold {
138 font-weight: bold;
139}
140
141.token.important {
142 color: #896724;
143}
144
145.token.entity {
146 cursor: help;
147}
148
149pre > code.highlight {
150 outline: .4em solid #896724;
151 outline-offset: .4em;
152}
153
154/* overrides color-values for the Line Numbers plugin
155 * http://prismjs.com/plugins/line-numbers/
156 */
157.line-numbers.line-numbers .line-numbers-rows {
158 border-right-color: #ece8de;
159}
160
161.line-numbers .line-numbers-rows > span:before {
162 color: #cdc4b1;
163}
164
165/* overrides color-values for the Line Highlight plugin
166 * http://prismjs.com/plugins/line-highlight/
167 */
168.line-highlight.line-highlight {
169 background: rgba(45, 32, 6, 0.2);
170 background: -webkit-linear-gradient(left, rgba(45, 32, 6, 0.2) 70%, rgba(45, 32, 6, 0));
171 background: linear-gradient(to right, rgba(45, 32, 6, 0.2) 70%, rgba(45, 32, 6, 0));
172}