birta 0.7.0

Preview markdown files in the browser with GitHub-style rendering
Documentation 
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
184
185

/* Syntax highlighting — GitHub-inspired colors for syntect TextMate scope classes */

pre.syntax-highlighting {
  padding: 16px;
  overflow: auto;
  font-size: 85%;
  line-height: 1.45;
  border-radius: 6px;
}

/* Light theme (default) */
pre.syntax-highlighting {
  background-color: #f6f8fa;
  color: #1f2328;
}

/* Keywords, storage */
.keyword, .storage { color: #cf222e; }
.storage.type { color: #cf222e; }
.storage.modifier { color: #cf222e; }

/* Functions, methods */
.entity.name.function { color: #8250df; }
.entity.name.type, .entity.name.class { color: #953800; }
.entity.name.tag { color: #116329; }

/* Strings */
.string { color: #0a3069; }

/* Numbers, constants */
.constant, .constant.numeric { color: #0550ae; }
.constant.language { color: #0550ae; }

/* Comments */
.comment { color: #6e7781; font-style: italic; }

/* Variables, parameters */
.variable { color: #953800; }
.variable.parameter { color: #24292f; }

/* Punctuation */
.punctuation { color: #1f2328; }

/* Operators */
.keyword.operator { color: #cf222e; }

/* Types, support */
.support.type, .support.class { color: #953800; }
.support.function { color: #8250df; }

/* Meta */
.meta.function-call { color: #8250df; }

/* Attributes */
.entity.other.attribute-name { color: #0550ae; }

/* Diff */
.markup.inserted, .markup.inserted.diff { color: #116329; background-color: #dafbe1; }
.markup.deleted, .markup.deleted.diff { color: #82071e; background-color: #ffebe9; }
.punctuation.definition.inserted.diff { color: #116329; }
.punctuation.definition.deleted.diff { color: #82071e; }

/* Embedded/special */
.variable.other { color: #0550ae; }

/* Dark theme overrides */
[data-theme="dark"] pre.syntax-highlighting,
:root[data-theme="dark"] pre.syntax-highlighting {
  background-color: #161b22;
  color: #e6edf3;
}

[data-theme="dark"] .keyword,
[data-theme="dark"] .storage,
[data-theme="dark"] .storage.type,
[data-theme="dark"] .storage.modifier {
  color: #ff7b72;
}

[data-theme="dark"] .entity.name.function {
  color: #d2a8ff;
}

[data-theme="dark"] .entity.name.type,
[data-theme="dark"] .entity.name.class {
  color: #ffa657;
}

[data-theme="dark"] .entity.name.tag {
  color: #7ee787;
}

[data-theme="dark"] .string {
  color: #a5d6ff;
}

[data-theme="dark"] .constant,
[data-theme="dark"] .constant.numeric,
[data-theme="dark"] .constant.language {
  color: #79c0ff;
}

[data-theme="dark"] .comment {
  color: #8b949e;
}

[data-theme="dark"] .variable {
  color: #ffa657;
}

[data-theme="dark"] .variable.parameter {
  color: #e6edf3;
}

[data-theme="dark"] .punctuation {
  color: #e6edf3;
}

[data-theme="dark"] .keyword.operator {
  color: #ff7b72;
}

[data-theme="dark"] .support.type,
[data-theme="dark"] .support.class {
  color: #ffa657;
}

[data-theme="dark"] .support.function {
  color: #d2a8ff;
}

[data-theme="dark"] .entity.other.attribute-name {
  color: #79c0ff;
}

[data-theme="dark"] .variable.other {
  color: #79c0ff;
}

[data-theme="dark"] .markup.inserted,
[data-theme="dark"] .markup.inserted.diff {
  color: #aff5b4; background-color: #033a16;
}
[data-theme="dark"] .markup.deleted,
[data-theme="dark"] .markup.deleted.diff {
  color: #ffdcd7; background-color: #67060c;
}
[data-theme="dark"] .punctuation.definition.inserted.diff { color: #aff5b4; }
[data-theme="dark"] .punctuation.definition.deleted.diff { color: #ffdcd7; }

/* System preference dark mode (no explicit data-theme) */
@media (prefers-color-scheme: dark) {
  :root:not([data-theme="light"]) pre.syntax-highlighting {
    background-color: #161b22;
    color: #e6edf3;
  }
  :root:not([data-theme="light"]) .keyword,
  :root:not([data-theme="light"]) .storage,
  :root:not([data-theme="light"]) .storage.type,
  :root:not([data-theme="light"]) .storage.modifier { color: #ff7b72; }
  :root:not([data-theme="light"]) .entity.name.function { color: #d2a8ff; }
  :root:not([data-theme="light"]) .entity.name.type,
  :root:not([data-theme="light"]) .entity.name.class { color: #ffa657; }
  :root:not([data-theme="light"]) .entity.name.tag { color: #7ee787; }
  :root:not([data-theme="light"]) .string { color: #a5d6ff; }
  :root:not([data-theme="light"]) .constant,
  :root:not([data-theme="light"]) .constant.numeric,
  :root:not([data-theme="light"]) .constant.language { color: #79c0ff; }
  :root:not([data-theme="light"]) .comment { color: #8b949e; }
  :root:not([data-theme="light"]) .variable { color: #ffa657; }
  :root:not([data-theme="light"]) .variable.parameter { color: #e6edf3; }
  :root:not([data-theme="light"]) .punctuation { color: #e6edf3; }
  :root:not([data-theme="light"]) .keyword.operator { color: #ff7b72; }
  :root:not([data-theme="light"]) .support.type,
  :root:not([data-theme="light"]) .support.class { color: #ffa657; }
  :root:not([data-theme="light"]) .support.function { color: #d2a8ff; }
  :root:not([data-theme="light"]) .entity.other.attribute-name { color: #79c0ff; }
  :root:not([data-theme="light"]) .variable.other { color: #79c0ff; }
  :root:not([data-theme="light"]) .markup.inserted,
  :root:not([data-theme="light"]) .markup.inserted.diff { color: #aff5b4; background-color: #033a16; }
  :root:not([data-theme="light"]) .markup.deleted,
  :root:not([data-theme="light"]) .markup.deleted.diff { color: #ffdcd7; background-color: #67060c; }
  :root:not([data-theme="light"]) .punctuation.definition.inserted.diff { color: #aff5b4; }
  :root:not([data-theme="light"]) .punctuation.definition.deleted.diff { color: #ffdcd7; }
}