this repo has no description
change prism theme
+49
-119
+49
-119
src/assets/prism.theme.scss
+49
-119
src/assets/prism.theme.scss
···
1
-
/*
2
-
Name: Duotone Sea
3
-
Author: by Simurai, adapted from DuoTone themes by Simurai for Atom (http://simurai.com/projects/2016/01/01/duotone-themes)
4
-
5
-
Conversion: Bram de Haan (http://atelierbram.github.io/Base2Tone-prism/output/prism/prism-base2tone-sea-dark.css)
6
-
Generated with Base16 Builder (https://github.com/base16-builder/base16-builder)
7
-
*/
1
+
/**
2
+
* Lucario Theme originally by Raphael Amorim [@raphamorim]
3
+
* https://github.com/raphamorim/lucario
4
+
*
5
+
* Ported for PrismJS by Christopher Kapic [@christopher-kapic]
6
+
*/
8
7
9
8
code[class*="language-"],
10
9
pre[class*="language-"] {
11
-
font-family: Consolas, Menlo, Monaco, "Andale Mono WT", "Andale Mono",
12
-
"Lucida Console", "Lucida Sans Typewriter", "DejaVu Sans Mono",
13
-
"Bitstream Vera Sans Mono", "Liberation Mono", "Nimbus Mono L",
14
-
"Courier New", Courier, monospace;
10
+
color: #f8f8f2;
11
+
background: none;
12
+
text-shadow: 0 1px rgba(0, 0, 0, 0.3);
13
+
font-family: Monaco, Consolas, "Andale Mono", "Ubuntu Mono", monospace;
15
14
font-size: 14px;
16
-
line-height: 1.375;
17
-
direction: ltr;
18
15
text-align: left;
19
16
white-space: pre;
20
17
word-spacing: normal;
21
18
word-break: normal;
22
-
23
-
-moz-tab-size: 4;
24
-
-o-tab-size: 4;
19
+
word-wrap: normal;
25
20
tab-size: 4;
26
-
27
-
-webkit-hyphens: none;
28
-
-moz-hyphens: none;
29
-
-ms-hyphens: none;
30
21
hyphens: none;
31
-
background: #1d262f;
32
-
color: #57718e;
33
-
}
34
-
35
-
pre > code[class*="language-"] {
36
-
font-size: 1em;
37
-
}
38
-
39
-
pre[class*="language-"]::-moz-selection,
40
-
pre[class*="language-"] ::-moz-selection,
41
-
code[class*="language-"]::-moz-selection,
42
-
code[class*="language-"] ::-moz-selection {
43
-
text-shadow: none;
44
-
background: #004a9e;
45
-
}
46
-
47
-
pre[class*="language-"]::selection,
48
-
pre[class*="language-"] ::selection,
49
-
code[class*="language-"]::selection,
50
-
code[class*="language-"] ::selection {
51
-
text-shadow: none;
52
-
background: #004a9e;
53
22
}
54
23
55
24
/* Code blocks */
···
57
26
padding: 1em;
58
27
margin: 0.5em 0;
59
28
overflow: auto;
29
+
border-radius: 0.3em;
30
+
}
31
+
32
+
:not(pre) > code[class*="language-"],
33
+
pre[class*="language-"] {
34
+
background: #263e52;
60
35
}
61
36
62
37
/* Inline code */
63
38
:not(pre) > code[class*="language-"] {
64
39
padding: 0.1em;
65
40
border-radius: 0.3em;
41
+
white-space: normal;
66
42
}
67
43
68
44
.token.comment,
69
45
.token.prolog,
70
46
.token.doctype,
71
47
.token.cdata {
72
-
color: #4a5f78;
48
+
color: #5c98cd;
73
49
}
74
50
75
51
.token.punctuation {
76
-
color: #4a5f78;
52
+
color: #f8f8f2;
77
53
}
78
54
79
-
.token.namespace {
55
+
.namespace {
80
56
opacity: 0.7;
81
57
}
82
58
59
+
.token.property,
83
60
.token.tag,
84
-
.token.operator,
85
-
.token.number {
86
-
color: #0aa370;
61
+
.token.constant,
62
+
.token.symbol,
63
+
.token.deleted {
64
+
color: #f05e5d;
87
65
}
88
66
89
-
.token.property,
90
-
.token.function {
91
-
color: #57718e;
67
+
.token.boolean,
68
+
.token.number {
69
+
color: #bc94f9;
92
70
}
93
71
94
-
.token.tag-id,
95
72
.token.selector,
96
-
.token.atrule-id {
97
-
color: #ebf4ff;
98
-
}
99
-
100
-
code.language-javascript,
101
-
.token.attr-name {
102
-
color: #7eb6f6;
73
+
.token.attr-name,
74
+
.token.string,
75
+
.token.char,
76
+
.token.builtin,
77
+
.token.inserted {
78
+
color: #fcfcd6;
103
79
}
104
80
105
-
code.language-css,
106
-
code.language-scss,
107
-
.token.boolean,
108
-
.token.string,
81
+
.token.operator,
109
82
.token.entity,
110
83
.token.url,
111
84
.language-css .token.string,
112
-
.language-scss .token.string,
113
85
.style .token.string,
114
-
.token.attr-value,
115
-
.token.keyword,
116
-
.token.control,
117
-
.token.directive,
118
-
.token.unit,
119
-
.token.statement,
120
-
.token.regex,
121
-
.token.atrule {
122
-
color: #47ebb4;
123
-
}
124
-
125
-
.token.placeholder,
126
86
.token.variable {
127
-
color: #47ebb4;
87
+
color: #f8f8f2;
128
88
}
129
89
130
-
.token.deleted {
131
-
text-decoration: line-through;
90
+
.token.atrule,
91
+
.token.attr-value,
92
+
.token.function,
93
+
.token.class-name {
94
+
color: #66d8ef;
132
95
}
133
96
134
-
.token.inserted {
135
-
border-bottom: 1px dotted #ebf4ff;
136
-
text-decoration: none;
97
+
.token.keyword {
98
+
color: #6eb26e;
137
99
}
138
100
139
-
.token.italic {
140
-
font-style: italic;
101
+
.token.regex,
102
+
.token.important {
103
+
color: #f05e5d;
141
104
}
142
105
143
106
.token.important,
···
145
108
font-weight: bold;
146
109
}
147
110
148
-
.token.important {
149
-
color: #7eb6f6;
111
+
.token.italic {
112
+
font-style: italic;
150
113
}
151
114
152
115
.token.entity {
153
116
cursor: help;
154
117
}
155
-
156
-
pre > code.highlight {
157
-
outline: 0.4em solid #34659d;
158
-
outline-offset: 0.4em;
159
-
}
160
-
161
-
/* overrides color-values for the Line Numbers plugin
162
-
* http://prismjs.com/plugins/line-numbers/
163
-
*/
164
-
.line-numbers.line-numbers .line-numbers-rows {
165
-
border-right-color: #1f2932;
166
-
}
167
-
168
-
.line-numbers .line-numbers-rows > span:before {
169
-
color: #2c3847;
170
-
}
171
-
172
-
/* overrides color-values for the Line Highlight plugin
173
-
* http://prismjs.com/plugins/line-highlight/
174
-
*/
175
-
.line-highlight.line-highlight {
176
-
background: rgba(10, 163, 112, 0.2);
177
-
background: -webkit-linear-gradient(
178
-
left,
179
-
rgba(10, 163, 112, 0.2) 70%,
180
-
rgba(10, 163, 112, 0)
181
-
);
182
-
background: linear-gradient(
183
-
to right,
184
-
rgba(10, 163, 112, 0.2) 70%,
185
-
rgba(10, 163, 112, 0)
186
-
);
187
-
}