jekyll-theme-simplex 0.9.2 → 0.9.6

Sign up to get free protection for your applications and to get access to all the features.
@@ -7,6 +7,8 @@
7
7
 
8
8
  @include flexbox;
9
9
  padding: 1rem 0 0 0;
10
+ margin-top: auto;
11
+ color: var(--c-footerText);
10
12
 
11
13
  &__about{
12
14
 
@@ -35,6 +37,7 @@
35
37
  height: 1.25rem;
36
38
  margin: 0 .5rem;
37
39
  transition: $t-smooth;
40
+ filter: var(--c-footerImageFilter);
38
41
 
39
42
  &:hover{
40
43
  transform: scale(1.05) rotate(-5deg);
@@ -25,12 +25,10 @@ body{
25
25
  margin: 0;
26
26
  min-height: 100vh;
27
27
 
28
- display: grid;
29
- gap: 0 100px;
30
- grid-template-areas:
31
- "header"
32
- "main"
33
- "footer";
28
+ display: flex;
29
+ flex-direction: column;
30
+ align-items: center;
31
+ justify-content: center;
34
32
  }
35
33
 
36
34
  h1,h2,h3,h4,h5,h5,h6{
@@ -65,3 +63,95 @@ a{
65
63
  color: var(--c-linkActive);
66
64
  }
67
65
  }
66
+
67
+ table:not([class]){
68
+ border-collapse: collapse;
69
+ border-spacing: 0;
70
+ border: 1px solid var(--c-tableBorder);
71
+
72
+ th,td{
73
+ padding: .25rem;
74
+ border: 1px solid var(--c-tableBorder);
75
+ }
76
+ }
77
+
78
+ .highlight{
79
+
80
+ margin: 2rem 0;
81
+ transition: $t-smooth;
82
+ box-shadow: inset 0px 0px 14px -4px var(--c-codeShadow);
83
+
84
+ &:hover{
85
+ box-shadow: inset 0px 0px 14px -4px var(--c-codeShadowHover);
86
+ }
87
+
88
+ max-width: calc(100vw - 2rem);
89
+ overflow-x: auto;
90
+
91
+ pre{
92
+ margin: 0;
93
+ padding: 1rem;
94
+ }
95
+ }
96
+
97
+ .sx-center{
98
+
99
+ display: flex;
100
+ align-items: center;
101
+ justify-content: center;
102
+ }
103
+
104
+ .sx-button{
105
+
106
+ width: 100%;
107
+ margin: 1rem 0;
108
+ display: flex;
109
+ align-items: center;
110
+ justify-content: center;
111
+
112
+ &__content{
113
+
114
+ &:link, &:visited, &:hover, &:active{
115
+ color: var(--c-themePrimaryLight);
116
+ }
117
+ text-decoration: none;
118
+ width: fit-content;
119
+ padding: .5rem 1rem;
120
+ display: flex;
121
+ align-items: center;
122
+ justify-content: center;
123
+ transition: $t-smooth;
124
+
125
+ &.red{background-color: var(--c-themeHueRed);}
126
+ &.orange{background-color: var(--c-themeHueOrange);}
127
+ &.green{background-color: var(--c-themeHueGreen);}
128
+ &.blue{background-color: var(--c-themeHueBlue);}
129
+ &.purple{background-color: var(--c-themeHuePurple);}
130
+ &.brown{background-color: var(--c-themeHueBrown);}
131
+
132
+ img{
133
+ margin-right: 1rem;
134
+ height: 1rem;
135
+ filter: brightness(0) invert(1);
136
+ }
137
+
138
+ &:hover{
139
+ letter-spacing: .05rem;
140
+ }
141
+ }
142
+ }
143
+
144
+ .sx-subtitle{
145
+ font-style: italic;
146
+ color: var(--c-subtitle);
147
+ }
148
+
149
+ .sx-picture{
150
+
151
+ display: flex;
152
+ flex-direction: column;
153
+ align-items: center;
154
+ justify-content: center;
155
+ width: fit-content;
156
+ margin: 1.5rem 0;
157
+ }
@@ -9,13 +9,36 @@
9
9
  flex-direction: column;
10
10
  };
11
11
 
12
+ padding-top: 2rem;
13
+
14
+ .logo{
15
+
16
+ &__link{
17
+
18
+ text-decoration: none;
19
+ color: var(--c-themePrimaryDark);
20
+ transition: $t-smooth;
21
+
22
+ &:hover{
23
+ letter-spacing: .5rem;
24
+ }
25
+ h1{
26
+ margin: 0;
27
+ }
28
+ &__img{
29
+ filter: var(--c-headerImageFilter);
30
+ height: 2rem;
31
+ }
32
+ }
33
+ }
34
+
12
35
  #menuToggle{
13
36
  display: none;
14
37
  border: none;
15
38
  outline: none;
16
39
  cursor: pointer;
17
40
 
18
- margin: 2rem 0;
41
+ margin: 2rem 0 1rem 0;
19
42
  padding: 0;
20
43
  font-size: 1rem;
21
44
  width: 3em;
@@ -53,6 +76,7 @@
53
76
 
54
77
  max-width: 100vw;
55
78
  width: 100%;
79
+ margin-top: 2rem;
56
80
 
57
81
  .list{
58
82
 
@@ -80,7 +104,7 @@
80
104
 
81
105
  img,p{
82
106
  transition: $t-smooth;
83
- filter: brightness(0);
107
+ filter: var(--c-menuItemsFilter);
84
108
  }
85
109
 
86
110
  img{
@@ -121,7 +145,7 @@
121
145
  max-height: 0;
122
146
  width: 250px;
123
147
  overflow: hidden;
124
- box-shadow: inset 0px 0px 14px -4px rgba(0,0,0,0.5);
148
+ box-shadow: inset 0px 0px 14px -4px var(--c-menuShadow);
125
149
  transition: $t-smooth;
126
150
  flex-direction: column;
127
151
 
@@ -146,7 +170,7 @@
146
170
 
147
171
  img{
148
172
  transform: scale(1.1);
149
- filter: none;
173
+ filter: var(--c-menuItemsFilterHover);
150
174
 
151
175
  @include for-size('tablet'){
152
176
  transform: scale(1);
@@ -155,7 +179,7 @@
155
179
 
156
180
  p{
157
181
  letter-spacing: .1rem;
158
- filter: none;
182
+ filter: var(--c-menuItemsFilterHover);
159
183
 
160
184
  @include for-size('tablet'){
161
185
  letter-spacing: .2rem;
@@ -250,11 +274,12 @@
250
274
  }
251
275
 
252
276
  @include for-size('tablet'){
253
- box-shadow: inset 0px 0px 14px -4px rgba(0,0,0,0.5);
277
+ box-shadow: inset 0px 0px 14px -4px var(--c-menuShadow);
254
278
 
255
279
  transition: $t-smooth;
256
280
  max-height: 0;
257
281
  overflow: hidden;
282
+ margin: 0;
258
283
  &.open{
259
284
  max-height: $s-m-menuMaxHeight;
260
285
  }
@@ -0,0 +1,21 @@
1
+ // =============================
2
+ // global.scss
3
+ // =============================
4
+ // Used for single page styles.
5
+
6
+ .page{
7
+
8
+ color: var(--c-pageText);
9
+ justify-self: center;
10
+ padding: 0 1rem;
11
+ max-width: 1000px;
12
+ @include flexbox{
13
+ flex-direction: column;
14
+ justify-content: flex-start;
15
+ align-items: center;
16
+ }
17
+
18
+ img{
19
+ max-width: 100%;
20
+ }
21
+ }
@@ -8,4 +8,130 @@
8
8
  justify-self: center;
9
9
  padding: 0 1rem;
10
10
  max-width: 1000px;
11
+ @include flexbox{
12
+ flex-direction: column;
13
+ justify-content: flex-start;
14
+ align-items: center;
15
+ }
16
+
17
+ &__title{
18
+
19
+ &__text{
20
+ color: var(--c-postTitle);
21
+ margin-bottom: 0;
22
+ }
23
+ }
24
+
25
+ &__meta{
26
+
27
+ @include flexbox;
28
+ width: 100%;
29
+
30
+ &__divider{
31
+ color: var(--c-postText);
32
+ margin: 0 1rem;
33
+
34
+ @include for-size('tablet'){
35
+ display: none;
36
+ }
37
+ }
38
+
39
+ &__category{
40
+ text-transform: uppercase;
41
+ margin: 0;
42
+ @include flexbox;
43
+
44
+ &__title{
45
+ color: var(--c-noCategoryText);
46
+ background: var(--c-noCategoryBackground);
47
+ padding: .2rem .5rem;
48
+ }
49
+
50
+ @include for-size('tablet'){
51
+
52
+ display: none;
53
+ margin-top: 1rem;
54
+ p{
55
+ margin: 0;
56
+ width: 100%;
57
+ text-align: center;
58
+ }
59
+ flex-direction: column;
60
+ }
61
+ }
62
+
63
+ &__date{
64
+
65
+ color: var(--c-postText);
66
+ @include for-size('tablet'){
67
+ margin-top: .5rem;
68
+ }
69
+ }
70
+
71
+ &__author{
72
+
73
+ color: var(--c-postText);
74
+ width: fit-content;
75
+ @include flexbox;
76
+
77
+ &__photo{
78
+ margin: 0 1rem;
79
+ width: 2rem;
80
+ border-radius: 100%;
81
+ }
82
+ }
83
+
84
+ @include for-size('tablet'){
85
+ flex-direction: column;
86
+ }
87
+ }
88
+
89
+ &__content{
90
+
91
+ color: var(--c-postText);
92
+ h1{
93
+ font-size: 1.8rem;
94
+ }
95
+ img{
96
+ max-width: 100%;
97
+ }
98
+ }
99
+
100
+ &__navigator{
101
+
102
+ margin-top: 1rem;
103
+ width: 100%;
104
+
105
+ &__buttons{
106
+
107
+ @include flexbox{
108
+ justify-content: space-between;
109
+ };
110
+
111
+ a{
112
+ transition: $t-smooth;
113
+ text-decoration: none;
114
+ font-weight: bold;
115
+ font-size: 1.25rem;
116
+ color: var(--c-navigator);
117
+ filter: var(--c-navigatorFilter);
118
+
119
+ display: flex;
120
+ align-items: center;
121
+
122
+ &:hover{
123
+ letter-spacing: .25rem;
124
+ }
125
+
126
+ .arrow-left{
127
+ margin-right: .5rem;
128
+ height: 1em;
129
+ }
130
+ .arrow-right{
131
+ margin-left: .5rem;
132
+ height: 1em;
133
+ }
134
+ }
135
+ }
136
+ }
11
137
  }
@@ -26,37 +26,241 @@
26
26
  // ELEMENT COLORS
27
27
  :root{
28
28
 
29
- @media (prefers-color-scheme: light){
29
+ // *** Default light. ***
30
+ --c-articleHeading: var(--c-themePrimaryDark);
31
+ --c-articleParagraph: var(--c-themeSecondaryDark);
32
+ --c-articleBackground: var(--c-themePrimaryLight);
30
33
 
31
- --c-articleHeading: var(--c-themePrimaryDark);
32
- --c-articleParagraph: var(--c-themeSecondaryDark);
33
- --c-articleBackground: var(--c-themePrimaryLight);
34
+ --c-pageBackground: var(--c-themePrimaryLight);
34
35
 
35
- --c-pageBackground: var(--c-themePrimaryLight);
36
+ --c-headerImageFilter: none;
37
+ --c-menuLinks: var(--c-themePrimaryDark);
38
+ --c-menuDepth0: var(--c-themeSecondaryLight);
39
+ --c-menuItemsFilter: brightness(0);
40
+ --c-menuItemsFilterHover: none;
41
+ --c-menuShadow: rgba(0,0,0,0.5);
36
42
 
37
- --c-menuLinks: var(--c-themePrimaryDark);
38
- --c-menuDepth0: var(--c-themeSecondaryLight);
43
+ --c-snippetBackgroundExternal: rgba(239, 239, 239, 0.425);
44
+ --c-snippetBackgroundInternal: var(--c-pageBackground);
45
+ --c-snippetHeading: var(--c-themePrimaryDark);
46
+ --c-snippetDate: var(--c-themeSecondaryDark);
47
+ --c-snippetAuthor: var(--c-themePrimaryDark);
48
+ --c-snippetShadowHover: rgba(0,0,0,0.5);
49
+ --c-snippetShadow: rgba(0, 0, 0, 0);
39
50
 
40
- --c-snippetBackgroundExternal: rgba(239, 239, 239, 0.425);
41
- --c-snippetBackgroundInternal: var(--c-pageBackground);
51
+ --c-postTitle: var(--c-themePrimaryDark);
52
+ --c-postText: var(--c-themePrimaryDark);
53
+ --c-pageTitle: var(--c-themePrimaryDark);
54
+ --c-pageText: var(--c-themePrimaryDark);
42
55
 
43
- --c-snippetDate: var(--c-themeTerniaryLight);
56
+ --c-feed-title: var(--c-themePrimaryDark);
44
57
 
45
- --c-link: var(--c-themeTerniaryDark);
46
- --c-linkVisited: var(--c-themeQuaternaryDark);
47
- --c-linkHover: var(--c-themePrimaryDark);
48
- --c-linkActive: var(--c-themePrimaryDark);
49
- }
58
+ --c-link: var(--c-themeTerniaryDark);
59
+ --c-linkVisited: var(--c-themeQuaternaryDark);
60
+ --c-linkHover: var(--c-themePrimaryDark);
61
+ --c-linkActive: var(--c-themePrimaryDark);
62
+
63
+ --c-footerText: var(--c-themePrimaryDark);
64
+ --c-footerImageFilter: none;
65
+
66
+ --c-codeShadow: rgba(0, 0, 0, 0.5);
67
+ --c-codeShadowHover: rgba(0, 0, 0, 0.1);
68
+
69
+ --c-navigator: var(--c-themePrimaryDark);
70
+ --c-navigatorFilter: none;
71
+
72
+ --c-noCategoryBackground: var(--c-themePrimaryDark);
73
+ --c-noCategoryText: var(--c-themePrimaryLight);
74
+
75
+ --c-tableBorder: var(--c-themePrimaryDark);
50
76
 
77
+ --c-subtitle: var(--c-themeTerniaryDark);
78
+
79
+ //Syntax highlighting.
80
+ .highlight .hll { background-color: #ffffcc }
81
+ .highlight .c { color: #8f5902; font-style: italic } /* Comment */
82
+ .highlight .err { color: #a40000; border: 1px solid #ef2929 } /* Error */
83
+ .highlight .g { color: #000000 } /* Generic */
84
+ .highlight .k { color: #204a87; font-weight: bold } /* Keyword */
85
+ .highlight .l { color: #000000 } /* Literal */
86
+ .highlight .n { color: #000000 } /* Name */
87
+ .highlight .o { color: #ce5c00; font-weight: bold } /* Operator */
88
+ .highlight .x { color: #000000 } /* Other */
89
+ .highlight .p { color: #000000; font-weight: bold } /* Punctuation */
90
+ .highlight .cm { color: #8f5902; font-style: italic } /* Comment.Multiline */
91
+ .highlight .cp { color: #8f5902; font-style: italic } /* Comment.Preproc */
92
+ .highlight .c1 { color: #8f5902; font-style: italic } /* Comment.Single */
93
+ .highlight .cs { color: #8f5902; font-style: italic } /* Comment.Special */
94
+ .highlight .gd { color: #a40000 } /* Generic.Deleted */
95
+ .highlight .ge { color: #000000; font-style: italic } /* Generic.Emph */
96
+ .highlight .gr { color: #ef2929 } /* Generic.Error */
97
+ .highlight .gh { color: #000080; font-weight: bold } /* Generic.Heading */
98
+ .highlight .gi { color: #00A000 } /* Generic.Inserted */
99
+ .highlight .go { color: #000000; font-style: italic } /* Generic.Output */
100
+ .highlight .gp { color: #8f5902 } /* Generic.Prompt */
101
+ .highlight .gs { color: #000000; font-weight: bold } /* Generic.Strong */
102
+ .highlight .gu { color: #800080; font-weight: bold } /* Generic.Subheading */
103
+ .highlight .gt { color: #a40000; font-weight: bold } /* Generic.Traceback */
104
+ .highlight .kc { color: #204a87; font-weight: bold } /* Keyword.Constant */
105
+ .highlight .kd { color: #204a87; font-weight: bold } /* Keyword.Declaration */
106
+ .highlight .kn { color: #204a87; font-weight: bold } /* Keyword.Namespace */
107
+ .highlight .kp { color: #204a87; font-weight: bold } /* Keyword.Pseudo */
108
+ .highlight .kr { color: #204a87; font-weight: bold } /* Keyword.Reserved */
109
+ .highlight .kt { color: #204a87; font-weight: bold } /* Keyword.Type */
110
+ .highlight .ld { color: #000000 } /* Literal.Date */
111
+ .highlight .m { color: #0000cf; font-weight: bold } /* Literal.Number */
112
+ .highlight .s { color: #4e9a06 } /* Literal.String */
113
+ .highlight .na { color: #c4a000 } /* Name.Attribute */
114
+ .highlight .nb { color: #204a87 } /* Name.Builtin */
115
+ .highlight .nc { color: #000000 } /* Name.Class */
116
+ .highlight .no { color: #000000 } /* Name.Constant */
117
+ .highlight .nd { color: #5c35cc; font-weight: bold } /* Name.Decorator */
118
+ .highlight .ni { color: #ce5c00 } /* Name.Entity */
119
+ .highlight .ne { color: #cc0000; font-weight: bold } /* Name.Exception */
120
+ .highlight .nf { color: #000000 } /* Name.Function */
121
+ .highlight .nl { color: #f57900 } /* Name.Label */
122
+ .highlight .nn { color: #000000 } /* Name.Namespace */
123
+ .highlight .nx { color: #000000 } /* Name.Other */
124
+ .highlight .py { color: #000000 } /* Name.Property */
125
+ .highlight .nt { color: #204a87; font-weight: bold } /* Name.Tag */
126
+ .highlight .nv { color: #000000 } /* Name.Variable */
127
+ .highlight .ow { color: #204a87; font-weight: bold } /* Operator.Word */
128
+ .highlight .w { color: #f8f8f8; text-decoration: underline } /* Text.Whitespace */
129
+ .highlight .mf { color: #0000cf; font-weight: bold } /* Literal.Number.Float */
130
+ .highlight .mh { color: #0000cf; font-weight: bold } /* Literal.Number.Hex */
131
+ .highlight .mi { color: #0000cf; font-weight: bold } /* Literal.Number.Integer */
132
+ .highlight .mo { color: #0000cf; font-weight: bold } /* Literal.Number.Oct */
133
+ .highlight .sb { color: #4e9a06 } /* Literal.String.Backtick */
134
+ .highlight .sc { color: #4e9a06 } /* Literal.String.Char */
135
+ .highlight .sd { color: #8f5902; font-style: italic } /* Literal.String.Doc */
136
+ .highlight .s2 { color: #4e9a06 } /* Literal.String.Double */
137
+ .highlight .se { color: #4e9a06 } /* Literal.String.Escape */
138
+ .highlight .sh { color: #4e9a06 } /* Literal.String.Heredoc */
139
+ .highlight .si { color: #4e9a06 } /* Literal.String.Interpol */
140
+ .highlight .sx { color: #4e9a06 } /* Literal.String.Other */
141
+ .highlight .sr { color: #4e9a06 } /* Literal.String.Regex */
142
+ .highlight .s1 { color: #4e9a06 } /* Literal.String.Single */
143
+ .highlight .ss { color: #4e9a06 } /* Literal.String.Symbol */
144
+ .highlight .bp { color: #3465a4 } /* Name.Builtin.Pseudo */
145
+ .highlight .vc { color: #000000 } /* Name.Variable.Class */
146
+ .highlight .vg { color: #000000 } /* Name.Variable.Global */
147
+ .highlight .vi { color: #000000 } /* Name.Variable.Instance */
148
+ .highlight .il { color: #0000cf; font-weight: bold } /* Literal.Number.Integer.Long */
149
+
150
+
151
+ // *** Dark mode ***
51
152
  @media (prefers-color-scheme: dark){
52
153
 
154
+ --c-headerImageFilter: invert(1);
155
+ --c-menuLinks: var(--c-themePrimaryLight);
156
+ --c-menuDepth0: var(--c-themeSecondaryLight);
157
+ --c-menuItemsFilter: none;
158
+ --c-menuItemsFilterHover: brightness(100);
159
+ --c-menuShadow: rgba(255, 255, 255, 0.2);
160
+
53
161
  --c-articleHeading: var(--c-themePrimaryLight);
54
162
  --c-articleParagraph: var(--c-themeSecondaryLight);
55
163
  --c-articleBackground: var(--c-themePrimaryDark);
56
164
 
165
+ --c-snippetHeading: var(--c-themePrimaryLight);
166
+ --c-snippetDate: var(--c-themeSecondaryLight);
167
+ --c-snippetAuthor: var(--c-themePrimaryLight);
168
+
169
+ --c-snippetShadowHover: rgba(255, 255, 255, 0.5);
170
+ --c-snippetShadow: rgba(0, 0, 0, 0);
171
+
172
+ --c-postTitle: var(--c-themePrimaryLight);
173
+ --c-postText: var(--c-themePrimaryLight);
174
+ --c-pageTitle: var(--c-themePrimaryLight);
175
+ --c-pageText: var(--c-themePrimaryLight);
176
+
177
+ --c-feed-title: var(--c-themePrimaryLight);
178
+
57
179
  --c-pageBackground: var(--c-themePrimaryDark);
180
+
181
+ --c-footerText: var(--c-themePrimaryLight);
182
+ --c-footerImageFilter: invert(1);
183
+
184
+ --c-codeShadow: rgba(0, 0, 0, 0);
185
+ --c-codeShadowHover: rgba(0, 0, 0, 0);
186
+
187
+ --c-navigator: var(--c-themePrimaryDark);
188
+ --c-navigatorFilter: invert(1);
189
+
190
+ --c-noCategoryBackground: var(--c-themePrimaryLight);
191
+ --c-noCategoryText: var(--c-themePrimaryDark);
192
+
193
+ --c-tableBorder: var(--c-themePrimaryLight);
194
+
195
+ --c-subtitle: var(--c-themeTerniaryLight);
196
+
197
+ //Syntax highlighting.
198
+ .highlight pre { background-color: #272822; }
199
+ .highlight .hll { background-color: #272822; }
200
+ .highlight .c { color: #75715e } /* Comment */
201
+ .highlight .err { color: #960050; background-color: #1e0010 } /* Error */
202
+ .highlight .k { color: #66d9ef } /* Keyword */
203
+ .highlight .l { color: #ae81ff } /* Literal */
204
+ .highlight .n { color: #f8f8f2 } /* Name */
205
+ .highlight .o { color: #f92672 } /* Operator */
206
+ .highlight .p { color: #f8f8f2 } /* Punctuation */
207
+ .highlight .cm { color: #75715e } /* Comment.Multiline */
208
+ .highlight .cp { color: #75715e } /* Comment.Preproc */
209
+ .highlight .c1 { color: #75715e } /* Comment.Single */
210
+ .highlight .cs { color: #75715e } /* Comment.Special */
211
+ .highlight .ge { font-style: italic } /* Generic.Emph */
212
+ .highlight .gs { font-weight: bold } /* Generic.Strong */
213
+ .highlight .kc { color: #66d9ef } /* Keyword.Constant */
214
+ .highlight .kd { color: #66d9ef } /* Keyword.Declaration */
215
+ .highlight .kn { color: #f92672 } /* Keyword.Namespace */
216
+ .highlight .kp { color: #66d9ef } /* Keyword.Pseudo */
217
+ .highlight .kr { color: #66d9ef } /* Keyword.Reserved */
218
+ .highlight .kt { color: #66d9ef } /* Keyword.Type */
219
+ .highlight .ld { color: #e6db74 } /* Literal.Date */
220
+ .highlight .m { color: #ae81ff } /* Literal.Number */
221
+ .highlight .s { color: #e6db74 } /* Literal.String */
222
+ .highlight .na { color: #a6e22e } /* Name.Attribute */
223
+ .highlight .nb { color: #f8f8f2 } /* Name.Builtin */
224
+ .highlight .nc { color: #a6e22e } /* Name.Class */
225
+ .highlight .no { color: #66d9ef } /* Name.Constant */
226
+ .highlight .nd { color: #a6e22e } /* Name.Decorator */
227
+ .highlight .ni { color: #f8f8f2 } /* Name.Entity */
228
+ .highlight .ne { color: #a6e22e } /* Name.Exception */
229
+ .highlight .nf { color: #a6e22e } /* Name.Function */
230
+ .highlight .nl { color: #f8f8f2 } /* Name.Label */
231
+ .highlight .nn { color: #f8f8f2 } /* Name.Namespace */
232
+ .highlight .nx { color: #a6e22e } /* Name.Other */
233
+ .highlight .py { color: #f8f8f2 } /* Name.Property */
234
+ .highlight .nt { color: #f92672 } /* Name.Tag */
235
+ .highlight .nv { color: #f8f8f2 } /* Name.Variable */
236
+ .highlight .ow { color: #f92672 } /* Operator.Word */
237
+ .highlight .w { color: #f8f8f2 } /* Text.Whitespace */
238
+ .highlight .mf { color: #ae81ff } /* Literal.Number.Float */
239
+ .highlight .mh { color: #ae81ff } /* Literal.Number.Hex */
240
+ .highlight .mi { color: #ae81ff } /* Literal.Number.Integer */
241
+ .highlight .mo { color: #ae81ff } /* Literal.Number.Oct */
242
+ .highlight .sb { color: #e6db74 } /* Literal.String.Backtick */
243
+ .highlight .sc { color: #e6db74 } /* Literal.String.Char */
244
+ .highlight .sd { color: #e6db74 } /* Literal.String.Doc */
245
+ .highlight .s2 { color: #e6db74 } /* Literal.String.Double */
246
+ .highlight .se { color: #ae81ff } /* Literal.String.Escape */
247
+ .highlight .sh { color: #e6db74 } /* Literal.String.Heredoc */
248
+ .highlight .si { color: #e6db74 } /* Literal.String.Interpol */
249
+ .highlight .sx { color: #e6db74 } /* Literal.String.Other */
250
+ .highlight .sr { color: #e6db74 } /* Literal.String.Regex */
251
+ .highlight .s1 { color: #e6db74 } /* Literal.String.Single */
252
+ .highlight .ss { color: #e6db74 } /* Literal.String.Symbol */
253
+ .highlight .bp { color: #f8f8f2 } /* Name.Builtin.Pseudo */
254
+ .highlight .vc { color: #f8f8f2 } /* Name.Variable.Class */
255
+ .highlight .vg { color: #f8f8f2 } /* Name.Variable.Global */
256
+ .highlight .vi { color: #f8f8f2 } /* Name.Variable.Instance */
257
+ .highlight .il { color: #ae81ff } /* Literal.Number.Integer.Long */
258
+
259
+ //.highlight .gh { } /* Generic Heading & Diff Header */
260
+ .highlight .gu { color: #75715e; } /* Generic.Subheading & Diff Unified/Comment? */
261
+ .highlight .gd { color: #f92672; } /* Generic.Deleted & Diff Deleted */
262
+ .highlight .gi { color: #a6e22e; } /* Generic.Inserted & Diff Inserted */
58
263
  }
59
-
60
264
  }
61
265
 
62
266
  // SIZES