UNPKG

3.39 kBCSSView Raw
1/*
2Name: Duotone Earth
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-earth-dark.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: #322d29;
29 color: #88786d;
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: #6f5849;
40}
41
42pre[class*="language-"]::selection, pre[class*="language-"] ::selection,
43code[class*="language-"]::selection, code[class*="language-"] ::selection {
44 text-shadow: none;
45 background: #6f5849;
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: #6a5f58;
66}
67
68.token.punctuation {
69 color: #6a5f58;
70}
71
72.token.namespace {
73 opacity: .7;
74}
75
76.token.tag,
77.token.operator,
78.token.number {
79 color: #bfa05a;
80}
81
82.token.property,
83.token.function {
84 color: #88786d;
85}
86
87.token.tag-id,
88.token.selector,
89.token.atrule-id {
90 color: #fff3eb;
91}
92
93code.language-javascript,
94.token.attr-name {
95 color: #a48774;
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: #fcc440;
116}
117
118.token.placeholder,
119.token.variable {
120 color: #fcc440;
121}
122
123.token.deleted {
124 text-decoration: line-through;
125}
126
127.token.inserted {
128 border-bottom: 1px dotted #fff3eb;
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: #a48774;
143}
144
145.token.entity {
146 cursor: help;
147}
148
149pre > code.highlight {
150 outline: .4em solid #816d5f;
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: #35302b;
159}
160
161.line-numbers .line-numbers-rows > span:before {
162 color: #46403d;
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(191, 160, 90, 0.2);
170 background: -webkit-linear-gradient(left, rgba(191, 160, 90, 0.2) 70%, rgba(191, 160, 90, 0));
171 background: linear-gradient(to right, rgba(191, 160, 90, 0.2) 70%, rgba(191, 160, 90, 0));
172}