Bitwise/default-modern.css at main · Digit404/Bitwise · GitHub

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
/*
Theme: Default Modern
Description: Theme used by VS Code for highlight.js
Author: Digit
*/

/* Default (light) and nested dark (.dark .dark) variables */
:root,
.light,
.dark .dark {
    --hljs-text: #000000;
    --hljs-keyword: #AF00DB;
    --hljs-title: #795E26;
    --hljs-string: #A31515;
    --hljs-tag: #000080;
    --hljs-class: #267F99;
    --hljs-number: #098658;
    --hljs-variable: #001080;
    --hljs-comment: #008000;
    --hljs-addition: #098658;
    --hljs-addition-bg: #EFFFF0;
    --hljs-deletion: #A31515;
    --hljs-deletion-bg: #FFF0F0;
}

/* Dark theme variables */
.dark {
    --hljs-text: #CCCCCC;
    --hljs-keyword: #C586C0;
    --hljs-title: #DCDCAA;
    --hljs-string: #CE9178;
    --hljs-tag: #569CD6;
    --hljs-class: #4EC9B0;
    --hljs-number: #B5CEA8;
    --hljs-variable: #9CDCFE;
    --hljs-comment: #6A9955;
    --hljs-addition: #B5CEA8;
    --hljs-addition-bg: #033a16;
    --hljs-deletion: #CE9178;
    --hljs-deletion-bg: #67060c;
}

/* Apply the variables to elements */
pre code.hljs {
    display: block;
    overflow-x: auto;
    padding: 1em;
    /* Editor background */
}

code.hljs {
    padding: 3px 5px;
    /* Inline code block background */
}

.hljs {
    color: var(--hljs-text);
}

.hljs-keyword,
.hljs-meta .hljs-keyword,
.hljs-template-tag,
.hljs-type {
    color: var(--hljs-keyword);
}

.hljs-title,
.hljs-title.function_,
.hljs-name,
.hljs-attribute {
    color: var(--hljs-title);
}

.hljs-string,
.hljs-meta-string {
    color: var(--hljs-string);
}

.hljs-deletion,
.hljs-tag {
    color: var(--hljs-tag);
}

.hljs-title.class_,
.hljs-type {
    color: var(--hljs-class);
}

.hljs-number,
.hljs-literal,
.hljs-symbol,
.hljs-bullet {
    color: var(--hljs-number);
}

.hljs-variable,
.hljs-template-variable {
    color: var(--hljs-variable);
}

.hljs-comment,
.hljs-quote,
.hljs-doctag {
    color: var(--hljs-comment);
}

.hljs-meta,
.hljs-emphasis {
    font-style: italic;
}

.hljs-strong {
    font-weight: bold;
}

.hljs-addition {
    color: var(--hljs-addition);
    background-color: var(--hljs-addition-bg);
}

.hljs-deletion {
    color: var(--hljs-deletion);
    background-color: var(--hljs-deletion-bg);
}