UNPKG

2.53 kBCSSView Raw
1/**
2 * Gruvbox light theme
3 *
4 * Based on Gruvbox: https://github.com/morhetz/gruvbox
5 * Adapted from PrismJS gruvbox-dark theme: https://github.com/schnerring/prism-themes/blob/master/themes/prism-gruvbox-dark.css
6 *
7 * @author Michael Schnerring (https://schnerring.net)
8 * @version 1.0
9 */
10
11code[class*="language-"],
12pre[class*="language-"] {
13 color: #3c3836; /* fg1 / fg */
14 font-family: Consolas, Monaco, "Andale Mono", monospace;
15 direction: ltr;
16 text-align: left;
17 white-space: pre;
18 word-spacing: normal;
19 word-break: normal;
20 line-height: 1.5;
21
22 -moz-tab-size: 4;
23 -o-tab-size: 4;
24 tab-size: 4;
25
26 -webkit-hyphens: none;
27 -moz-hyphens: none;
28 -ms-hyphens: none;
29 hyphens: none;
30}
31
32pre[class*="language-"]::-moz-selection,
33pre[class*="language-"] ::-moz-selection,
34code[class*="language-"]::-moz-selection,
35code[class*="language-"] ::-moz-selection {
36 color: #282828; /* fg0 */
37 background: #a89984; /* bg4 */
38}
39
40pre[class*="language-"]::selection,
41pre[class*="language-"] ::selection,
42code[class*="language-"]::selection,
43code[class*="language-"] ::selection {
44 color: #282828; /* fg0 */
45 background: #a89984; /* bg4 */
46}
47
48/* Code blocks */
49pre[class*="language-"] {
50 padding: 1em;
51 margin: 0.5em 0;
52 overflow: auto;
53}
54
55:not(pre) > code[class*="language-"],
56pre[class*="language-"] {
57 background: #f9f5d7; /* bg0_h */
58}
59
60/* Inline code */
61:not(pre) > code[class*="language-"] {
62 padding: 0.1em;
63 border-radius: 0.3em;
64}
65
66.token.comment,
67.token.prolog,
68.token.cdata {
69 color: #7c6f64; /* fg4 / gray1 */
70}
71
72.token.delimiter,
73.token.boolean,
74.token.keyword,
75.token.selector,
76.token.important,
77.token.atrule {
78 color: #9d0006; /* red2 */
79}
80
81.token.operator,
82.token.punctuation,
83.token.attr-name {
84 color: #7c6f64; /* fg4 / gray1 */
85}
86
87.token.tag,
88.token.tag .punctuation,
89.token.doctype,
90.token.builtin {
91 color: #b57614; /* yellow2 */
92}
93
94.token.entity,
95.token.number,
96.token.symbol {
97 color: #8f3f71; /* purple2 */
98}
99
100.token.property,
101.token.constant,
102.token.variable {
103 color: #9d0006; /* red2 */
104}
105
106.token.string,
107.token.char {
108 color: #797403; /* green2 */
109}
110
111.token.attr-value,
112.token.attr-value .punctuation {
113 color: #7c6f64; /* fg4 / gray1 */
114}
115
116.token.url {
117 color: #797403; /* green2 */
118 text-decoration: underline;
119}
120
121.token.function {
122 color: #b57614; /* yellow2 */
123}
124
125.token.regex {
126 background: #797403; /* green2 */
127}
128
129.token.bold {
130 font-weight: bold;
131}
132
133.token.italic {
134 font-style: italic;
135}
136
137.token.inserted {
138 background: #7c6f64; /* fg4 / gray1 */
139}
140
141.token.deleted {
142 background: #9d0006; /* red2 */
143}