jekyll-theme-mint 1.0.3 → 1.1.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
checksums.yaml CHANGED
@@ -1,7 +1,7 @@
1
1
  ---
2
2
  SHA256:
3
- metadata.gz: 635dc454d6e47e79c86f7df5acd9e7b810638648a33dc652ad6a90abfb9cb053
4
- data.tar.gz: 7f3f3d9f3c93035a0d8b4e35babf20d5f85365e08cd8430b392510fde8e74ef5
3
+ metadata.gz: 72fba37aeb7c0a32546d11b56d91ffe4867871b1f3f446f3e83276ae22fc4f63
4
+ data.tar.gz: fdd70aae96f4f879ddc8f47b2b81d6faca3da5930689ad0af5b58a59a4b20c5c
5
5
  SHA512:
6
- metadata.gz: 3ab9b325a905948465e55009706d2c437280f6f0ff51059f078821c5ec3977ccdbe463492a143ef09c94ba1c904e49c1b7d2e3ed2763267d0d8b462a1979b33f
7
- data.tar.gz: deff5e9cf73839561cdab1ad5fc1c7c0c567b15ed2884015c6c7898da6916621dd24e34728a8f680f3e06b97a82b946bf21a21f3656d39369af8e08a9b17d8a1
6
+ metadata.gz: fe56561aaab9412dce1af9bbe67fef697f35c9f2547c5e278b522e929030610db57d803481420b25796ad13530d1d55d22bbd65204060c0b1f12cfc57550a80e
7
+ data.tar.gz: aec2dc324745d57eaf31fadad90a0ffc7b63f7bae7c7b0d2860c9decfbda2aa8e0c2d770d9598c191f672ed23480981122122f6c254fe10cc57b6e4df5a68eaa
data/README.md CHANGED
@@ -28,6 +28,22 @@ Or install it yourself as:
28
28
 
29
29
  ## Usage
30
30
 
31
+ ### Theme
32
+
33
+ Edit `_config.yml` file to change blog theme.
34
+
35
+ ```yaml
36
+ blog_theme: light # use light theme
37
+
38
+ # or
39
+
40
+ blog_theme: dark # use dark theme
41
+
42
+ # or
43
+
44
+ blog_theme: auto # auto change the theme when your system and browser supported
45
+ ```
46
+
31
47
  ### Add social links
32
48
 
33
49
  Edit `_config.yml` file to add your social links.
@@ -2,7 +2,17 @@
2
2
  <meta charset='utf-8'>
3
3
  <meta name='viewport' content='width=device-width, initial-scale=1'>
4
4
  {% seo %}
5
- <link rel='stylesheet' href='{{ '/assets/main.css' | relative_url }}'>
5
+
6
+ {% case site.blog_theme %}
7
+ {% when 'light' %}
8
+ <link rel='stylesheet' href='{{ '/assets/light.css' | relative_url }}'>
9
+ {% when 'dark' %}
10
+ <link rel='stylesheet' href='{{ '/assets/dark.css' | relative_url }}'>
11
+ {% when 'auto' %}
12
+ <link rel='stylesheet' href='{{ '/assets/light.css' | relative_url }}'>
13
+ <link rel='stylesheet' href='{{ '/assets/dark.css' | relative_url }}' media="(prefers-color-scheme: dark)">
14
+ {% endcase %}
15
+
6
16
  {% feed_meta %}
7
17
  {% include google_analytics.html %}
8
18
  </head>
@@ -0,0 +1,60 @@
1
+ .highlight {
2
+ .c { color: $white-darkest; font-style: italic } // Comment
3
+ .err { color: $green-lighter } // Error
4
+ .k { font-weight: bold } // Keyword
5
+ .o { font-weight: bold } // Operator
6
+ .cm { color: $white-darkest; font-style: italic } // Comment.Multiline
7
+ .cp { color: $white-darkest; font-weight: bold } // Comment.Preproc
8
+ .c1 { color: $white-darkest; font-style: italic } // Comment.Single
9
+ .cs { color: $white-darkest; font-weight: bold; font-style: italic } // Comment.Special
10
+ .gd { color: $white; } // Generic.Deleted
11
+ .gd .x { color: $white; } // Generic.Deleted.Specific
12
+ .ge { font-style: italic } // Generic.Emph
13
+ .gr { color: $green-lighter } // Generic.Error
14
+ .gh { color: $white-darkest } // Generic.Heading
15
+ .gi { color: $white } // Generic.Inserted
16
+ .gi .x { color: $white } // Generic.Inserted.Specific
17
+ .go { color: $white-darkest } // Generic.Output
18
+ .gp { color: $white-darker } // Generic.Prompt
19
+ .gs { font-weight: bold } // Generic.Strong
20
+ .gu { color: $white-darkest } // Generic.Subheading
21
+ .gt { color: $green-light } // Generic.Traceback
22
+ .kc { font-weight: bold } // Keyword.Constant
23
+ .kd { font-weight: bold } // Keyword.Declaration
24
+ .kp { font-weight: bold } // Keyword.Pseudo
25
+ .kr { font-weight: bold } // Keyword.Reserved
26
+ .kt { color: $purple-lighter; font-weight: bold } // Keyword.Type
27
+ .m { color: $purple } // Literal.Number
28
+ .s { color: $green } // Literal.String
29
+ .na { color: $purple-light } // Name.Attribute
30
+ .nb { color: $purple-light } // Name.Builtin
31
+ .nc { color: $purple-lighter; font-weight: bold } // Name.Class
32
+ .no { color: $purple-light } // Name.Constant
33
+ .ni { color: $red-light } // Name.Entity
34
+ .ne { color: $green-lighter; font-weight: bold } // Name.Exception
35
+ .nf { color: $green-lighter; font-weight: bold } // Name.Function
36
+ .nn { color: $white-darker } // Name.Namespace
37
+ .nt { color: $purple-lighter } // Name.Tag
38
+ .nv { color: $purple-light } // Name.Variable
39
+ .ow { font-weight: bold } // Operator.Word
40
+ .mf { color: $purple } // Literal.Number.Float
41
+ .mh { color: $purple } // Literal.Number.Hex
42
+ .mi { color: $purple } // Literal.Number.Integer
43
+ .mo { color: $purple } // Literal.Number.Oct
44
+ .sb { color: $green } // Literal.String.Backtick
45
+ .sc { color: $green } // Literal.String.Char
46
+ .sd { color: $green } // Literal.String.Doc
47
+ .s2 { color: $green } // Literal.String.Double
48
+ .se { color: $green } // Literal.String.Escape
49
+ .sh { color: $green } // Literal.String.Heredoc
50
+ .si { color: $green } // Literal.String.Interpol
51
+ .sx { color: $green } // Literal.String.Other
52
+ .sr { color: $red } // Literal.String.Regex
53
+ .s1 { color: $green } // Literal.String.Single
54
+ .ss { color: $red } // Literal.String.Symbol
55
+ .bp { color: $white-darkest } // Name.Builtin.Pseudo
56
+ .vc { color: $purple-light } // Name.Variable.Class
57
+ .vg { color: $purple-light } // Name.Variable.Global
58
+ .vi { color: $purple-light } // Name.Variable.Instance
59
+ .il { color: $purple } // Literal.Number.Integer.Long
60
+ }
@@ -10,7 +10,7 @@ html {
10
10
  }
11
11
 
12
12
  body {
13
- background-color: $white;
13
+ background-color: $body-bg-color;
14
14
  font-family: $sans-serif-fonts;
15
15
  }
16
16
 
@@ -38,7 +38,7 @@ body {
38
38
  text-decoration: none;
39
39
  font-size: 1rem;
40
40
  font-family: $serif-fonts;
41
- color: $green;
41
+ color: $header-nav-color;
42
42
  }
43
43
 
44
44
  .header__nav__item--title {
@@ -62,7 +62,7 @@ body {
62
62
 
63
63
  .posts__date {
64
64
  width: 30%;
65
- color: $grey;
65
+ color: $post-date-color;
66
66
  font-size: 1rem;
67
67
  font-family: $serif-fonts;
68
68
  }
@@ -73,7 +73,7 @@ body {
73
73
  }
74
74
 
75
75
  .posts__link {
76
- color: $black;
76
+ color: $post-link-color;
77
77
  text-decoration: none;
78
78
  }
79
79
 
@@ -82,7 +82,7 @@ body {
82
82
  font-size: .9rem;
83
83
  font-style: italic;
84
84
  font-family: $serif-fonts;
85
- color: $grey;
85
+ color: $footer-color;
86
86
  }
87
87
 
88
88
  .footer__list {
@@ -98,7 +98,7 @@ body {
98
98
  }
99
99
 
100
100
  .footer__item a {
101
- color: $grey;
101
+ color: $footer-color;
102
102
  text-decoration: none;
103
103
  }
104
104
 
@@ -110,7 +110,7 @@ body {
110
110
  .icon {
111
111
  height: .9rem;
112
112
  width: .9rem;
113
- fill: $grey;
113
+ fill: $icon-color;
114
114
  }
115
115
 
116
116
  #disqus_thread {
@@ -4,7 +4,7 @@
4
4
  font-weight: 400;
5
5
  line-height: 1.8rem;
6
6
  font-size: 1rem;
7
- color: $black-lighter;
7
+ color: $post-content-color;
8
8
  }
9
9
 
10
10
  .post h1,
@@ -13,7 +13,7 @@
13
13
  .post h4,
14
14
  .post h5,
15
15
  .post h6 {
16
- color: $black-light;
16
+ color: $post-heading-color;
17
17
  }
18
18
 
19
19
  .post h1 {
@@ -53,14 +53,14 @@
53
53
  }
54
54
 
55
55
  .post a {
56
- color: $black;
56
+ color: $post-link-color;
57
57
  word-wrap: break-word;
58
- text-decoration-color: rgba(0, 0, 0, .8);
58
+ text-decoration-color: rgba($post-link-color, .8);
59
59
  }
60
60
 
61
61
  .post a:hover {
62
- color: $black-lightest;
63
- text-decoration-color: rgba(0, 0, 0, .6);
62
+ color: $post-link-hover-color;
63
+ text-decoration-color: rgba($post-link-hover-color, .6);
64
64
  }
65
65
 
66
66
  .post h1 a,
@@ -72,13 +72,13 @@
72
72
  .post strong,
73
73
  .post b {
74
74
  font-weight: 700;
75
- color: $black-light;
75
+ color: $post-emphasis-color;
76
76
  }
77
77
 
78
78
  .post em,
79
79
  .post i {
80
80
  font-style: italic;
81
- color: $black-light;
81
+ color: $post-emphasis-color;
82
82
  }
83
83
 
84
84
  .post img {
@@ -111,12 +111,12 @@
111
111
  margin-top: 10px;
112
112
  font-weight: 400;
113
113
  font-size: 14px;
114
- color: $black-lightest;
114
+ color: $post-figure-color;
115
115
  }
116
116
 
117
117
  .post figure figcaption a {
118
118
  text-decoration: none;
119
- color: $black-lightest;
119
+ color: $post-figure-color;
120
120
  }
121
121
 
122
122
  .post hr {
@@ -124,18 +124,18 @@
124
124
  width: 40%;
125
125
  margin: 60px auto 55px;
126
126
  border: 0 none;
127
- border-top: 1px solid $grey-light;
127
+ border-top: 1px solid $post-border-color;
128
128
  }
129
129
 
130
130
  .post blockquote {
131
131
  margin: 0 0 1.64em 0;
132
- border-left: 3px solid $grey-light;
132
+ border-left: 3px solid $post-border-color;
133
133
  padding-left: 12px;
134
- color: $black-lightest;
134
+ color: $post-blockquote-color;
135
135
  }
136
136
 
137
137
  .post blockquote a {
138
- color: $black-lightest;
138
+ color: $post-blockquote-color;
139
139
  }
140
140
 
141
141
  .post ul,
@@ -183,11 +183,11 @@
183
183
 
184
184
  .post code,
185
185
  .post tt {
186
- color: $black-light;
186
+ color: $post-block-color;
187
+ background-color: $post-block-bg-color;
187
188
  font-size: 0.96em;
188
- background-color: $grey-lightest;
189
189
  padding: 1px 2px;
190
- border: 1px solid $grey-light;
190
+ border: 1px solid $post-border-color;
191
191
  border-radius: 3px;
192
192
  font-family: $monospaced-fonts;
193
193
  word-wrap: break-word;
@@ -197,19 +197,19 @@
197
197
  margin: 1.64em 0;
198
198
  padding: 7px;
199
199
  border: none;
200
- border-left: 3px solid $grey-light;
200
+ border-left: 3px solid $post-border-color;
201
201
  padding-left: 10px;
202
202
  overflow: auto;
203
203
  line-height: 1.5;
204
204
  font-size: 0.96em;
205
205
  font-family: $monospaced-fonts;
206
- color: $black-light;
207
- background-color: $grey-lightest;
206
+ color: $post-block-color;
207
+ background-color: $post-block-bg-color;
208
208
  }
209
209
 
210
210
  .post pre code,
211
211
  .post pre tt {
212
- color: $black-light;
212
+ color: $post-block-color;
213
213
  border: none;
214
214
  background: none;
215
215
  padding: 0;
@@ -229,7 +229,7 @@
229
229
  .post td {
230
230
  text-align: left;
231
231
  padding: 4px 8px 4px 10px;
232
- border: 1px solid $grey-light;
232
+ border: 1px solid $post-border-color;
233
233
  }
234
234
 
235
235
  .post td {
@@ -237,7 +237,7 @@
237
237
  }
238
238
 
239
239
  .post tr:nth-child(even) {
240
- background-color: $grey-lightest;
240
+ background-color: $post-block-bg-color;
241
241
  }
242
242
 
243
243
  .post iframe {
@@ -1,25 +1,3 @@
1
- $green: #1b813e;
2
- $green-dark: darken($green, 5);
3
- $green-darker: darken($green, 10);
4
-
5
- $purple: #8F50AA;
6
- $purple-dark: darken($purple, 10);
7
- $purple-darker: darken($purple, 20);
8
-
9
- $red: #cb1b45;
10
- $red-dark: darken($red, 10);
11
-
12
- $black: #1c1c1c;
13
- $black-light: lighten($black, 10);
14
- $black-lighter: lighten($black, 20);
15
- $black-lightest: lighten($black, 30);
16
-
17
- $grey: lighten($black, 35);
18
- $grey-light: lighten($black, 75);
19
- $grey-lightest: lighten($black, 85);
20
-
21
- $white: #fff;
22
-
23
1
  $zh-fonts: 'PingFang SC', 'Hiragino Sans GB', 'Droid Sans Fallback', 'Microsoft YaHei', 'Wenquanyi Micro Hei';
24
2
  $sans-serif-fonts: -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Droid Sans', 'Helvetica Neue', #{$zh-fonts}, sans-serif;
25
3
  $serif-fonts: 'Palatino', 'Palatino Linotype', 'Book Antiqua', #{$zh-fonts}, serif;
@@ -0,0 +1,51 @@
1
+ // colors for the theme
2
+
3
+ $green: #229f4c;
4
+ $green-light: lighten($green, 5);
5
+ $green-lighter: lighten($green, 10);
6
+
7
+ $purple: #aa78bf;
8
+ $purple-light: lighten($purple, 10);
9
+ $purple-lighter: lighten($purple, 20);
10
+
11
+ $red: #e85478;
12
+ $red-light: lighten($red, 10);
13
+
14
+ $white: #fbfbfb;
15
+ $white-dark: darken($white, 10);
16
+ $white-darker: darken($white, 20);
17
+ $white-darkest: darken($white, 30);
18
+
19
+ $grey: darken($white, 35);
20
+ $grey-darken: darken($white, 75);
21
+ $grey-darkest: darken($white, 85);
22
+
23
+ $black: #101010;
24
+
25
+ // specific colors for page
26
+
27
+ $body-bg-color: $black;
28
+ $header-nav-color: $green;
29
+ $footer-color: $grey;
30
+ $icon-color: $grey;
31
+
32
+ // specific colors for post
33
+
34
+ $post-date-color: $grey;
35
+ $post-content-color: $white-darker;
36
+ $post-heading-color: $white-dark;
37
+ $post-link-color: $white;
38
+ $post-link-hover-color: $white-darkest;
39
+ $post-emphasis-color: $white-dark;
40
+ $post-figure-color: $white-darkest;
41
+ $post-border-color: $grey-darken;
42
+ $post-blockquote-color: $white-darkest;
43
+ $post-block-color: $white-dark;
44
+ $post-block-bg-color: $grey-darkest;
45
+
46
+ @import 'normalize';
47
+ @import 'settings';
48
+ @import 'layout';
49
+ @import 'responsive';
50
+ @import 'post';
51
+ @import 'highlight_dark';
@@ -0,0 +1,52 @@
1
+ // colors for the theme
2
+
3
+ $green: #1b813e;
4
+ $green-dark: darken($green, 5);
5
+ $green-darker: darken($green, 10);
6
+
7
+ $purple: #8F50AA;
8
+ $purple-dark: darken($purple, 10);
9
+ $purple-darker: darken($purple, 20);
10
+
11
+ $red: #cb1b45;
12
+ $red-dark: darken($red, 10);
13
+
14
+ $black: #1c1c1c;
15
+ $black-light: lighten($black, 10);
16
+ $black-lighter: lighten($black, 20);
17
+ $black-lightest: lighten($black, 30);
18
+
19
+ $grey: lighten($black, 35);
20
+ $grey-light: lighten($black, 75);
21
+ $grey-lightest: lighten($black, 85);
22
+
23
+ $white: #fff;
24
+
25
+ // specific colors for page
26
+
27
+ $body-bg-color: $white;
28
+ $header-nav-color: $green;
29
+ $footer-color: $grey;
30
+ $icon-color: $grey;
31
+
32
+ // specific colors for post
33
+
34
+ $post-date-color: $grey;
35
+ $post-link-color: $black;
36
+ $post-content-color: $black-lighter;
37
+ $post-heading-color: $black-light;
38
+ $post-link-color: $black;
39
+ $post-link-hover-color: $black-lightest;
40
+ $post-emphasis-color: $black-light;
41
+ $post-figure-color: $black-lightest;
42
+ $post-border-color: $grey-light;
43
+ $post-blockquote-color: $black-lightest;
44
+ $post-block-color: $black-light;
45
+ $post-block-bg-color: $grey-lightest;
46
+
47
+ @import 'normalize';
48
+ @import 'settings';
49
+ @import 'layout';
50
+ @import 'responsive';
51
+ @import 'post';
52
+ @import 'highlight_light';
@@ -0,0 +1,3 @@
1
+ ---
2
+ ---
3
+ @import 'dark';
@@ -0,0 +1,3 @@
1
+ ---
2
+ ---
3
+ @import 'light';
metadata CHANGED
@@ -1,14 +1,14 @@
1
1
  --- !ruby/object:Gem::Specification
2
2
  name: jekyll-theme-mint
3
3
  version: !ruby/object:Gem::Version
4
- version: 1.0.3
4
+ version: 1.1.0
5
5
  platform: ruby
6
6
  authors:
7
7
  - aidewoode
8
8
  autorequire:
9
9
  bindir: bin
10
10
  cert_chain: []
11
- date: 2019-06-16 00:00:00.000000000 Z
11
+ date: 2019-07-09 00:00:00.000000000 Z
12
12
  dependencies:
13
13
  - !ruby/object:Gem::Dependency
14
14
  name: jekyll
@@ -105,18 +105,21 @@ files:
105
105
  - _layouts/home.html
106
106
  - _layouts/page.html
107
107
  - _layouts/post.html
108
- - _sass/_highlight.scss
108
+ - _sass/_highlight_dark.scss
109
+ - _sass/_highlight_light.scss
109
110
  - _sass/_layout.scss
110
111
  - _sass/_normalize.scss
111
112
  - _sass/_post.scss
112
113
  - _sass/_responsive.scss
113
114
  - _sass/_settings.scss
114
- - _sass/jekyll-theme-mint.scss
115
+ - _sass/dark.scss
116
+ - _sass/light.scss
117
+ - assets/dark.scss
115
118
  - assets/icons/dribbble.svg
116
119
  - assets/icons/facebook.svg
117
120
  - assets/icons/github.svg
118
121
  - assets/icons/twitter.svg
119
- - assets/main.scss
122
+ - assets/light.scss
120
123
  homepage: https://github.com/aidewoode/jekyll-theme-mint
121
124
  licenses:
122
125
  - MIT
@@ -1,6 +0,0 @@
1
- @import 'normalize';
2
- @import 'settings';
3
- @import 'layout';
4
- @import 'responsive';
5
- @import 'post';
6
- @import 'highlight';
@@ -1,3 +0,0 @@
1
- ---
2
- ---
3
- @import 'jekyll-theme-mint';