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
|
// Syntax Highlighting
@mixin syndark($h0,$h1,$h2,$h3,$h4,$h5,$h6,$h7,$h8,$h9,$ha) {
#{--h0}: $h0;// background color
#{--h1}: $h1;// unstyled text
#{--h2}: $h2;// comments
#{--h3}: $h3;// red, support function
#{--h4}: $h4;// orange, punctuation, constant, variable, json-key
#{--h5}: $h5;// tan, entity/function name
#{--h6}: $h6;// green, string
#{--h7}: $h7;// teal, escape character
#{--h8}: $h8;// blue, declaration, tag, property
#{--h9}: $h9;// purple, operators
#{--ha}: $ha;// mark/highlight line
}
@mixin synlight($h0,$h1,$h2,$h3,$h4,$h5,$h6,$h7,$h8,$h9,$ha) {
#{--h0}: $h0;// background color
#{--h1}: $h1;// unstyled text
#{--h2}: $h2;// comments
#{--h3}: $h3;// red, support function
#{--h4}: $h4;// orange, punctuation, constant, variable, json-key
#{--h5}: $h5;// tan, entity/function name
#{--h6}: $h6;// green, string
#{--h7}: $h7;// teal, escape character
#{--h8}: $h8;// blue, declaration, tag, property
#{--h9}: $h9;// purple, operators
#{--ha}: $ha;// mark/highlight line
}
@function color($color-syntax,$dark,$h0,$h1,$h2,$h3,$h4,$h5,$h6,$h7,$h8,$h9,$ha) {
@if $color-syntax == "charcoal" {//placeholder, this is actuall a copy of abridge syntax
@if $dark {/// Dark Syntax Colors
$h0: #191919 !default;// background color
$h1: #ddd !default;// unstyled text
$h2: #888 !default;// comments
$h3: #e65 !default;// red, support function
$h4: #e83 !default;// orange, punctuation, constant, variable, json-key
$h5: #eb6 !default;// tan, entity/function name
$h6: #ac3 !default;// green, string
$h7: #8db !default;// teal, escape character
$h8: #6ae !default;// blue, declaration, tag, property
$h9: #d6e !default;// purple, operators
$ha: 160% !default;// mark/highlight line
$result: $h0 $h1 $h2 $h3 $h4 $h5 $h6 $h7 $h8 $h9 $ha;
@return $result;
} @else {/// Light Syntax Colors
$h0: #f7f7f7 !default;// background color
$h1: #222 !default;// unstyled text
$h2: #666 !default;// comments
$h3: #a21 !default;// red, support function
$h4: #930 !default;// orange, punctuation, constant, variable, json-key
$h5: #a50 !default;// tan, entity/function name
$h6: #350 !default;// green, string
$h7: #286 !default;// teal, escape character
$h8: #059 !default;// blue, declaration, tag, property
$h9: #a3c !default;// purple, operators
$ha: 92% !default;// mark/highlight line
$result: $h0 $h1 $h2 $h3 $h4 $h5 $h6 $h7 $h8 $h9 $ha;
@return $result;
}
} @else if $color-syntax == "dracula" {//placeholder, this is actuall a copy of abridge syntax
@if $dark {/// Dark Syntax Colors
$h0: #191919 !default;// background color
$h1: #ddd !default;// unstyled text
$h2: #888 !default;// comments
$h3: #e65 !default;// red, support function
$h4: #e83 !default;// orange, punctuation, constant, variable, json-key
$h5: #eb6 !default;// tan, entity/function name
$h6: #ac3 !default;// green, string
$h7: #8db !default;// teal, escape character
$h8: #6ae !default;// blue, declaration, tag, property
$h9: #d6e !default;// purple, operators
$ha: 160% !default;// mark/highlight line
$result: $h0 $h1 $h2 $h3 $h4 $h5 $h6 $h7 $h8 $h9 $ha;
@return $result;
} @else {/// Light Syntax Colors
$h0: #f7f7f7 !default;// background color
$h1: #222 !default;// unstyled text
$h2: #666 !default;// comments
$h3: #a21 !default;// red, support function
$h4: #930 !default;// orange, punctuation, constant, variable, json-key
$h5: #a50 !default;// tan, entity/function name
$h6: #350 !default;// green, string
$h7: #286 !default;// teal, escape character
$h8: #059 !default;// blue, declaration, tag, property
$h9: #a3c !default;// purple, operators
$ha: 92% !default;// mark/highlight line
$result: $h0 $h1 $h2 $h3 $h4 $h5 $h6 $h7 $h8 $h9 $ha;
@return $result;
}
} @else {//abridge syntax colors (default)
@if $dark {/// Dark Syntax Colors
$h0: #191919 !default;// background color
$h1: #ddd !default;// unstyled text
$h2: #888 !default;// comments
$h3: #e65 !default;// red, support function
$h4: #e83 !default;// orange, punctuation, constant, variable, json-key
$h5: #eb6 !default;// tan, entity/function name
$h6: #ac3 !default;// green, string
$h7: #8db !default;// teal, escape character
$h8: #6ae !default;// blue, declaration, tag, property
$h9: #d6e !default;// purple, operators
$ha: 160% !default;// mark/highlight line
$result: $h0 $h1 $h2 $h3 $h4 $h5 $h6 $h7 $h8 $h9 $ha;
@return $result;
} @else {/// Light Syntax Colors
$h0: #f7f7f7 !default;// background color
$h1: #222 !default;// unstyled text
$h2: #666 !default;// comments
$h3: #a21 !default;// red, support function
$h4: #930 !default;// orange, punctuation, constant, variable, json-key
$h5: #a50 !default;// tan, entity/function name
$h6: #350 !default;// green, string
$h7: #286 !default;// teal, escape character
$h8: #059 !default;// blue, declaration, tag, property
$h9: #a3c !default;// purple, operators
$ha: 92% !default;// mark/highlight line
$result: $h0 $h1 $h2 $h3 $h4 $h5 $h6 $h7 $h8 $h9 $ha;
@return $result;
}
}
}
|
