jekyll-text-theme 1.5.0 → 2.0.0

Sign up to get free protection for your applications and to get access to all the features.
Files changed (187) hide show
  1. checksums.yaml +4 -4
  2. data/README.md +41 -153
  3. data/_data/authors.yml +0 -0
  4. data/_data/licenses.yml +16 -0
  5. data/_data/locale.yml +4 -10
  6. data/_data/navigation.yml +13 -0
  7. data/_data/variables.yml +22 -6
  8. data/_includes/analytics-providers/custom.html +0 -0
  9. data/_includes/analytics-providers/google.html +16 -0
  10. data/_includes/analytics.html +7 -0
  11. data/_includes/article-footer/custom.html +1 -0
  12. data/_includes/article-footer/license.html +24 -0
  13. data/_includes/article-info.html +90 -0
  14. data/_includes/aside/toc.html +1 -0
  15. data/_includes/author-profile.html +50 -0
  16. data/_includes/comments-providers/custom.html +0 -0
  17. data/_includes/comments-providers/disqus.html +22 -0
  18. data/_includes/comments-providers/gitalk.html +32 -0
  19. data/_includes/comments.html +9 -0
  20. data/_includes/follow-me.html +84 -0
  21. data/_includes/footer.html +39 -0
  22. data/_includes/head.html +54 -0
  23. data/_includes/header.html +33 -0
  24. data/_includes/markdown-enhancements.html +32 -0
  25. data/_includes/{utils → markdown-enhancements}/chart.html +1 -3
  26. data/_includes/{utils → markdown-enhancements}/mathjax.html +11 -4
  27. data/_includes/{utils → markdown-enhancements}/mermaid.html +1 -3
  28. data/_includes/pageview-providers/custom.html +0 -0
  29. data/_includes/pageview-providers/custom/home.html +0 -0
  30. data/_includes/pageview-providers/custom/post.html +0 -0
  31. data/_includes/pageview-providers/leancloud/home.html +35 -0
  32. data/_includes/pageview-providers/leancloud/leancloud.js +71 -0
  33. data/_includes/pageview-providers/leancloud/post.html +31 -0
  34. data/_includes/pageview.html +31 -0
  35. data/_includes/scripts/archieve.js +238 -0
  36. data/_includes/scripts/article-list.html +27 -0
  37. data/_includes/scripts/article.js +24 -0
  38. data/_includes/scripts/aside/affix.js +26 -0
  39. data/_includes/scripts/aside/toc.js +37 -0
  40. data/_includes/scripts/common.js +3 -0
  41. data/_includes/scripts/home.js +3 -0
  42. data/_includes/scripts/lib/affix.js +103 -0
  43. data/_includes/scripts/{utils.html → lib/lazyload.js} +55 -92
  44. data/_includes/scripts/lib/scroll.js +13 -0
  45. data/_includes/scripts/lib/throttle.js +28 -0
  46. data/_includes/scripts/lib/toc.js +106 -0
  47. data/_includes/scripts/page.js +3 -0
  48. data/_includes/scripts/sidebar.js +14 -0
  49. data/_includes/scripts/utils.js +38 -0
  50. data/_includes/scripts/variables.html +27 -0
  51. data/_includes/sidebar/toc.html +27 -0
  52. data/_includes/snippets/assign.html +5 -0
  53. data/_includes/snippets/get-nav-url.html +3 -2
  54. data/_includes/snippets/page-title.html +11 -6
  55. data/_includes/snippets/page-url.html +3 -1
  56. data/_includes/snippets/to-boolean.html +7 -0
  57. data/_includes/{icon → svg/icon}/social/behance.svg +0 -0
  58. data/_includes/{icon → svg/icon}/social/douban.svg +0 -0
  59. data/_includes/{icon → svg/icon}/social/facebook.svg +0 -0
  60. data/_includes/{icon → svg/icon}/social/flicker.svg +0 -0
  61. data/_includes/{icon → svg/icon}/social/github.svg +0 -0
  62. data/_includes/{icon → svg/icon}/social/googleplus.svg +0 -0
  63. data/_includes/{icon → svg/icon}/social/linkedin.svg +0 -0
  64. data/_includes/{icon → svg/icon}/social/mail.svg +0 -0
  65. data/_includes/{icon → svg/icon}/social/pinterest.svg +0 -0
  66. data/_includes/{icon → svg/icon}/social/qq.svg +0 -0
  67. data/_includes/{icon → svg/icon}/social/twitter.svg +0 -0
  68. data/_includes/{icon → svg/icon}/social/weibo.svg +0 -0
  69. data/_includes/{icon → svg/icon}/social/weixin.svg +0 -0
  70. data/_includes/{icon → svg/icon}/social/zhihu.svg +0 -0
  71. data/_includes/{logo → svg}/logo.svg +1 -1
  72. data/_includes/tags.html +52 -0
  73. data/_layouts/404.html +12 -0
  74. data/_layouts/archive.html +25 -0
  75. data/_layouts/article.html +78 -0
  76. data/_layouts/base.html +13 -33
  77. data/_layouts/home.html +135 -121
  78. data/_layouts/landing.html +164 -0
  79. data/_layouts/page.html +157 -9
  80. data/_sass/additional/_alert.scss +25 -0
  81. data/_sass/additional/_photo-frame.scss +17 -0
  82. data/_sass/animate/_fade-in-down.scss +1 -1
  83. data/_sass/animate/_fade-in.scss +1 -1
  84. data/_sass/common/_classes.scss +5 -2
  85. data/_sass/common/_reset.scss +32 -22
  86. data/_sass/common/_variables.scss +87 -31
  87. data/_sass/common/classes/_animation.scss +9 -0
  88. data/_sass/common/classes/_clearfix.scss +8 -0
  89. data/_sass/common/classes/_grid.scss +48 -0
  90. data/_sass/common/classes/_horizontal-rules.scss +14 -0
  91. data/_sass/common/classes/_link.scss +18 -145
  92. data/_sass/common/classes/_media.scss +1 -2
  93. data/_sass/common/classes/_overflow.scss +8 -0
  94. data/_sass/common/classes/_pseudo.scss +26 -0
  95. data/_sass/common/classes/_shadow.scss +13 -5
  96. data/_sass/common/classes/_spacing.scss +52 -0
  97. data/_sass/common/components/_button.scss +179 -47
  98. data/_sass/common/components/_card.scss +18 -0
  99. data/_sass/common/components/_menu.scss +43 -0
  100. data/_sass/common/components/_toc.scss +125 -0
  101. data/_sass/components/_article.content.scss +37 -45
  102. data/_sass/components/_article.info.scss +25 -0
  103. data/_sass/components/_author-profile.scss +43 -0
  104. data/_sass/components/_follow-me.scss +16 -19
  105. data/_sass/components/_footer.scss +16 -6
  106. data/_sass/components/_header.scss +26 -18
  107. data/_sass/components/_license.scss +1 -25
  108. data/_sass/components/_main.scss +13 -11
  109. data/_sass/components/_tags.scss +17 -36
  110. data/_sass/layout/{_error-404.scss → _404.scss} +2 -2
  111. data/_sass/layout/_all.scss +72 -63
  112. data/_sass/layout/_article.scss +44 -0
  113. data/_sass/layout/_home.scss +61 -52
  114. data/_sass/layout/_landing.scss +104 -0
  115. data/_sass/layout/_page.scss +155 -0
  116. data/_sass/{colors → skins}/_chocolate.scss +17 -6
  117. data/_sass/skins/_dark.scss +56 -0
  118. data/_sass/{colors → skins}/_default.scss +16 -5
  119. data/_sass/{colors → skins}/_forest.scss +16 -5
  120. data/_sass/{colors → skins}/_ocean.scss +16 -5
  121. data/_sass/{colors → skins}/_orange.scss +20 -9
  122. data/assets/android-chrome-192x192.png +0 -0
  123. data/assets/android-chrome-512x512.png +0 -0
  124. data/assets/apple-touch-icon.png +0 -0
  125. data/assets/browserconfig.xml +9 -0
  126. data/assets/css/main.scss +46 -0
  127. data/assets/favicon-16x16.png +0 -0
  128. data/assets/favicon-32x32.png +0 -0
  129. data/assets/favicon.ico +0 -0
  130. data/assets/images/logo/logo.svg +1 -1
  131. data/assets/mstile-144x144.png +0 -0
  132. data/assets/mstile-150x150.png +0 -0
  133. data/assets/mstile-310x150.png +0 -0
  134. data/assets/mstile-310x310.png +0 -0
  135. data/assets/mstile-70x70.png +0 -0
  136. data/assets/safari-pinned-tab.svg +38 -0
  137. data/assets/site.webmanifest +19 -0
  138. metadata +108 -76
  139. data/_includes/common-head.html +0 -10
  140. data/_includes/components/article-data.html +0 -55
  141. data/_includes/components/follow-me.html +0 -78
  142. data/_includes/components/footer.html +0 -10
  143. data/_includes/components/header.html +0 -42
  144. data/_includes/components/license.html +0 -26
  145. data/_includes/components/tags.html +0 -52
  146. data/_includes/head-icons-rel.html +0 -38
  147. data/_includes/icon/clear.svg +0 -3
  148. data/_includes/icon/link.svg +0 -1
  149. data/_includes/icon/menu.svg +0 -3
  150. data/_includes/icon/next.svg +0 -3
  151. data/_includes/icon/omit.svg +0 -1
  152. data/_includes/icon/previous.svg +0 -3
  153. data/_includes/icon/search.svg +0 -3
  154. data/_includes/scripts/all.html +0 -244
  155. data/_includes/scripts/common.html +0 -30
  156. data/_includes/scripts/data.html +0 -27
  157. data/_includes/scripts/home.html +0 -26
  158. data/_includes/scripts/page-post.html +0 -32
  159. data/_includes/scripts/post.html +0 -183
  160. data/_includes/utils/comment-disqus.html +0 -19
  161. data/_includes/utils/comment-gitalk.html +0 -25
  162. data/_includes/utils/google-analytics.html +0 -11
  163. data/_layouts/all.html +0 -20
  164. data/_layouts/error-404.html +0 -9
  165. data/_layouts/post.html +0 -60
  166. data/_sass/colors/_dark.scss +0 -45
  167. data/_sass/common/classes/_shape.scss +0 -19
  168. data/_sass/common/classes/_space.scss +0 -40
  169. data/_sass/components/_article.content.extra.scss +0 -41
  170. data/_sass/components/_article.data.scss +0 -36
  171. data/_sass/components/_pagination.scss +0 -19
  172. data/_sass/components/_toc.scss +0 -72
  173. data/_sass/layout/_default.scss +0 -19
  174. data/_sass/layout/_post.scss +0 -80
  175. data/assets/css/blog.scss +0 -41
  176. data/assets/images/logo/icon-120x120.png +0 -0
  177. data/assets/images/logo/icon-128x128.png +0 -0
  178. data/assets/images/logo/icon-150x150.png +0 -0
  179. data/assets/images/logo/icon-152x152.png +0 -0
  180. data/assets/images/logo/icon-167x167.png +0 -0
  181. data/assets/images/logo/icon-16x16.png +0 -0
  182. data/assets/images/logo/icon-180x180.png +0 -0
  183. data/assets/images/logo/icon-192x192.png +0 -0
  184. data/assets/images/logo/icon-310x150.png +0 -0
  185. data/assets/images/logo/icon-310x310.png +0 -0
  186. data/assets/images/logo/icon-48x48.png +0 -0
  187. data/assets/images/logo/icon-70x70.png +0 -0
data/_sass/layout/_page.scss ADDED
@@ -0,0 +1,155 @@
1
+ .layout--page {
2
+ height: 100%;
3
+
4
+ .page__main {
5
+ height: 100%;
6
+ }
7
+ &.layout--page--sidebar {
8
+ .page__main {
9
+ @include overflow(auto);
10
+ }
11
+ }
12
+
13
+ .page__main-inner {
14
+ position: relative;
15
+ height: auto !important;
16
+ height: 100%;
17
+ min-height: 100%;
18
+
19
+ .col-2 {
20
+ display: none;
21
+ float: right;
22
+ & > aside {
23
+ width: map-get($layout, aside-width);
24
+ position: absolute;
25
+ overflow: hidden;
26
+ }
27
+ @include media-breakpoint-down(lg) {
28
+ float: none;
29
+ }
30
+ }
31
+ }
32
+
33
+ .page__content {
34
+ margin: 0 auto;
35
+ padding-bottom: map-get($layout, footer-height);
36
+ }
37
+
38
+ .article__header {
39
+ margin-top: map-get($spacers, 4);
40
+ header, h1 {
41
+ display: inline;
42
+ }
43
+ .edit-on-github-button {
44
+ vertical-align: text-bottom;
45
+ margin-left: map-get($spacers, 3);
46
+ @include media-breakpoint-down(md) {
47
+ display: none;
48
+ }
49
+ }
50
+ }
51
+
52
+ .page__comments {
53
+ padding-bottom: map-get($base, vertical-space-lg);
54
+ }
55
+
56
+ .page__actions {
57
+ position: absolute;
58
+ left: 1rem;
59
+ bottom: 1rem;
60
+ display: none;
61
+ z-index: 996;
62
+ }
63
+
64
+ .sidebar-button {
65
+ @include button-colors($text-color-d, rgba($main-color-3, .75));
66
+ border: 1px $border-color solid;
67
+ }
68
+
69
+ .page__sidebar {
70
+ display: block;
71
+ width: 80%;
72
+ max-width: map-get($layout, sidebar-width);
73
+ float: left;
74
+ height: 100%;
75
+ background-color: $background-color;
76
+ z-index: 998;
77
+ @include split-line(right);
78
+ @include transition(transform .4s);
79
+ @include overflow(auto);
80
+ .sidebar-toc {
81
+ padding: 1rem 1rem 2rem 2rem;
82
+ }
83
+ }
84
+
85
+ .page__mask {
86
+ background-color: $mask-color;
87
+ position: absolute;
88
+ top: 0;
89
+ left: 0;
90
+ right: 0;
91
+ bottom: 0;
92
+ z-index: 997;
93
+ display: none;
94
+ cursor: pointer;
95
+ }
96
+
97
+ .page__aside {
98
+ .toc-aside {
99
+ padding: 1rem 0 1rem 3rem;
100
+ }
101
+
102
+ }
103
+
104
+ .page__footer {
105
+ position: absolute;
106
+ bottom: 0;
107
+ width: 100%;
108
+ }
109
+
110
+ .has-aside {
111
+ .page__main-inner{
112
+ .col-1 {
113
+ margin-right: map-get($layout, aside-width);
114
+ @include media-breakpoint-down(lg) {
115
+ margin-right: 0;
116
+ }
117
+ }
118
+ .col-2 {
119
+ width: map-get($layout, aside-width);
120
+ position: relative;
121
+ display: block;
122
+ &>aside {
123
+ &.fixed {
124
+ position: fixed;
125
+ z-index: 2;
126
+ -webkit-font-smoothing: subpixel-antialiased;
127
+ }
128
+ }
129
+ @include media-breakpoint-down(lg) {
130
+ display: none;
131
+ }
132
+ }
133
+ }
134
+ }
135
+
136
+ @include media-breakpoint-down(lg) {
137
+ .page__sidebar {
138
+ position: fixed;
139
+ @include transform(translate(- map-get($layout, sidebar-width), 0));
140
+ }
141
+
142
+ .page__actions {
143
+ display: block;
144
+ }
145
+
146
+ &.show-sidebar {
147
+ .page__sidebar {
148
+ @include transform(translate(0));
149
+ }
150
+ .page__mask {
151
+ display: block;
152
+ }
153
+ }
154
+ }
155
+ }
data/_sass/{colors → skins}/_chocolate.scss RENAMED
@@ -1,5 +1,5 @@
1
1
  ///
2
- // Color Theme: Chocolate
2
+ // Skin: Chocolate
3
3
  // Author: Tian Qi
4
4
  // Email: kitian616@outlook.com
5
5
  ///
@@ -15,24 +15,35 @@ $main-color-3: #7f5543;
15
15
  $text-color-3: #fff;
16
16
 
17
17
  // background colors
18
- $background-color: #f2ebe6;
18
+ $background-color: #efefef;
19
19
  // text colors
20
- $text-color-d: #251914;
21
- $text-color: #3f2a21;
22
- $text-color-l: #724c3c;
20
+ $text-color-theme-light-d: rgba(#000, .95);
21
+ $text-color-theme-light: rgba(#000, .85);
22
+ $text-color-theme-light-l: rgba(#000, .5);
23
+
24
+ $text-color-theme-dark-d: #fff;
25
+ $text-color-theme-dark: rgba(#fff, .95);
26
+ $text-color-theme-dark-l: rgba(#fff, .85);
27
+
28
+ $text-color-d: $text-color-theme-light-d;
29
+ $text-color: $text-color-theme-light;
30
+ $text-color-l: $text-color-theme-light-l;
31
+
23
32
  $text-background-color: rgba(#000, .05);
24
33
 
25
34
  // border and shadow colors
26
35
  $border-color: mix(#000, $background-color, 20%);
27
36
  $border-color-l: mix(#000, $background-color, 10%);
28
- $select-color: rgba($main-color-3, .5);
29
37
  $decorate-color: rgba(#000, .1);
38
+ $mask-color: rgba(#000, .8);
39
+ $select-color: rgba($main-color-3, .5);
30
40
 
31
41
  // function colors
32
42
  $green: #57c22d;
33
43
  $blue: #2593fc;
34
44
  $yellow: #f8ac30;
35
45
  $red: #f22635;
46
+ $text-color-function: #fff;
36
47
 
37
48
  // logo colors
38
49
  $mail-color: #0072c5;
data/_sass/skins/_dark.scss ADDED
@@ -0,0 +1,56 @@
1
+ ///
2
+ // Skin: Dark
3
+ // Author: Tian Qi
4
+ // Email: kitian616@outlook.com
5
+ ///
6
+
7
+ // main colors
8
+ $main-color-1: #FF9500;
9
+ $text-color-1: rgba(#fff, .8);
10
+
11
+ $main-color-2: #FF3B30;
12
+ $text-color-2: rgba(#fff, .8);
13
+
14
+ $main-color-3: #202020;
15
+ $text-color-3: rgba(#fff, .8);
16
+
17
+ // background colors
18
+ $background-color: #121212;
19
+ // text colors
20
+ $text-color-theme-light-d: #000;
21
+ $text-color-theme-light: #222;
22
+ $text-color-theme-light-l: #888;
23
+
24
+ $text-color-theme-dark-d: rgba(#fff, .8);
25
+ $text-color-theme-dark: rgba(#fff, .7);
26
+ $text-color-theme-dark-l: rgba(#fff, .5);
27
+
28
+ $text-color-d: $text-color-theme-dark-d;
29
+ $text-color: $text-color-theme-dark;
30
+ $text-color-l: $text-color-theme-dark-l;
31
+
32
+ $text-background-color: rgba(#fff, .05);
33
+
34
+ // border and shadow colors
35
+ $border-color: mix(#fff, $background-color, 20%);
36
+ $border-color-l: mix(#fff, $background-color, 10%);
37
+ $decorate-color: rgba(#fff, .1);
38
+ $mask-color: rgba(#fff, .8);
39
+ $select-color: rgba($main-color-1, .5);
40
+
41
+ // function colors
42
+ $green: #5c7829;
43
+ $blue: #087099;
44
+ $yellow: #b7b327;
45
+ $red: #cc3333;
46
+ $text-color-function: rgba(#fff, .9);
47
+
48
+ // logo colors
49
+ $mail-color: #0072c5;
50
+ $weibo-color: #e6162d;
51
+ $facebook-color: #4267b2;
52
+ $google-plus-color:#ea4335;
53
+ $twitter-color: #1da1f2;
54
+ $douban-color: #42bd56;
55
+ $github-color: #000;
56
+ $linkedin-color: #1074af;
data/_sass/{colors → skins}/_default.scss RENAMED
@@ -1,5 +1,5 @@
1
1
  ///
2
- // Color Theme: Default
2
+ // Skin: Default
3
3
  // Author: Tian Qi
4
4
  // Email: kitian616@outlook.com
5
5
  ///
@@ -17,22 +17,33 @@ $text-color-3: #333;
17
17
  // background colors
18
18
  $background-color: #fff;
19
19
  // text colors
20
- $text-color-d: #111;
21
- $text-color: #333;
22
- $text-color-l: #9c9c9c;
20
+ $text-color-theme-light-d: #000;
21
+ $text-color-theme-light: #222;
22
+ $text-color-theme-light-l: #888;
23
+
24
+ $text-color-theme-dark-d: #fff;
25
+ $text-color-theme-dark: rgba(#fff, .95);
26
+ $text-color-theme-dark-l: rgba(#fff, .85);
27
+
28
+ $text-color-d: $text-color-theme-light-d;
29
+ $text-color: $text-color-theme-light;
30
+ $text-color-l: $text-color-theme-light-l;
31
+
23
32
  $text-background-color: rgba(#000, .05);
24
33
 
25
34
  // border and shadow colors
26
35
  $border-color: mix(#000, $background-color, 20%);
27
36
  $border-color-l: mix(#000, $background-color, 10%);
28
- $select-color: rgba($main-color-1, .5);
29
37
  $decorate-color: rgba(#000, .1);
38
+ $mask-color: rgba(#000, .8);
39
+ $select-color: rgba($main-color-1, .5);
30
40
 
31
41
  // function colors
32
42
  $green: #57c22d;
33
43
  $blue: #2593fc;
34
44
  $yellow: #f8ac30;
35
45
  $red: #f22635;
46
+ $text-color-function: #fff;
36
47
 
37
48
  // logo colors
38
49
  $mail-color: #0072c5;
data/_sass/{colors → skins}/_forest.scss RENAMED
@@ -1,5 +1,5 @@
1
1
  ///
2
- // Color Theme: Forest
2
+ // Skin: Forest
3
3
  // Author: Tian Qi
4
4
  // Email: kitian616@outlook.com
5
5
  ///
@@ -17,22 +17,33 @@ $text-color-3: #fff;
17
17
  // background colors
18
18
  $background-color: #f8fcfb;
19
19
  // text colors
20
- $text-color-d: #325f74;
21
- $text-color: #3e758f;
22
- $text-color-l: #619dbb;
20
+ $text-color-theme-light-d: #325f74;
21
+ $text-color-theme-light: #3e758f;
22
+ $text-color-theme-light-l: #619dbb;
23
+
24
+ $text-color-theme-dark-d: #fff;
25
+ $text-color-theme-dark: rgba(#fff, .95);
26
+ $text-color-theme-dark-l: rgba(#fff, .85);
27
+
28
+ $text-color-d: $text-color-theme-light-d;
29
+ $text-color: $text-color-theme-light;
30
+ $text-color-l: $text-color-theme-light-l;
31
+
23
32
  $text-background-color: rgba(#000, .05);
24
33
 
25
34
  // border and shadow colors
26
35
  $border-color: mix(#000, $background-color, 20%);
27
36
  $border-color-l: mix(#000, $background-color, 10%);
28
- $select-color: rgba($main-color-1, .5);
29
37
  $decorate-color: rgba(#bb6170, .15);
38
+ $mask-color: rgba(#000, .8);
39
+ $select-color: rgba($main-color-1, .5);
30
40
 
31
41
  // function colors
32
42
  $green: #57c22d;
33
43
  $blue: #2593fc;
34
44
  $yellow: #f8ac30;
35
45
  $red: #f22635;
46
+ $text-color-function: #fff;
36
47
 
37
48
  // logo colors
38
49
  $mail-color: #0072c5;
data/_sass/{colors → skins}/_ocean.scss RENAMED
@@ -1,5 +1,5 @@
1
1
  ///
2
- // Color Theme: Ocean
2
+ // Skin: Ocean
3
3
  // Author: Tian Qi
4
4
  // Email: kitian616@outlook.com
5
5
  ///
@@ -17,22 +17,33 @@ $text-color-3: #00537f;
17
17
  // background colors
18
18
  $background-color: #f5fcff;
19
19
  // text colors
20
- $text-color-d: #32434c;
21
- $text-color: #00537f;
22
- $text-color-l: #0079ba;
20
+ $text-color-theme-light-d: #32434c;
21
+ $text-color-theme-light: #00537f;
22
+ $text-color-theme-light-l: #0079ba;
23
+
24
+ $text-color-theme-dark-d: #fff;
25
+ $text-color-theme-dark: rgba(#fff, .95);
26
+ $text-color-theme-dark-l: rgba(#fff, .85);
27
+
28
+ $text-color-d: $text-color-theme-light-d;
29
+ $text-color: $text-color-theme-light;
30
+ $text-color-l: $text-color-theme-light-l;
31
+
23
32
  $text-background-color: rgba(#000, .05);
24
33
 
25
34
  // border and shadow colors
26
35
  $border-color: mix(#000, $background-color, 20%);
27
36
  $border-color-l: mix(#000, $background-color, 10%);
28
- $select-color: rgba($main-color-1, .5);
29
37
  $decorate-color: rgba(#000, .1);
38
+ $mask-color: rgba(#000, .8);
39
+ $select-color: rgba($main-color-1, .5);
30
40
 
31
41
  // function colors
32
42
  $green: #57c22d;
33
43
  $blue: #2593fc;
34
44
  $yellow: #f8ac30;
35
45
  $red: #f22635;
46
+ $text-color-function: #fff;
36
47
 
37
48
  // logo colors
38
49
  $mail-color: #0072c5;
data/_sass/{colors → skins}/_orange.scss RENAMED
@@ -1,38 +1,49 @@
1
1
  ///
2
- // Color Theme: Orange
2
+ // Skin: Orange
3
3
  // Author: Tian Qi
4
4
  // Email: kitian616@outlook.com
5
5
  ///
6
6
 
7
7
  // main colors
8
- $main-color-1: #fca24d;
8
+ $main-color-1: #fa510f;
9
9
  $text-color-1: #fff;
10
10
 
11
11
  $main-color-2: #fc4d50;
12
12
  $text-color-2: #fff;
13
13
 
14
- $main-color-3: #fa510f;
15
- $text-color-3: #fff;
14
+ $main-color-3: #f2f2f2;
15
+ $text-color-3: #333;
16
16
 
17
17
  // background colors
18
- $background-color: #fff1eb;
18
+ $background-color: #fff;
19
19
  // text colors
20
- $text-color-d: rgba(#000, .95);
21
- $text-color: rgba(#000, .85);
22
- $text-color-l: rgba(#000, .5);
20
+ $text-color-theme-light-d: rgba(#000, .95);
21
+ $text-color-theme-light: rgba(#000, .85);
22
+ $text-color-theme-light-l: rgba(#000, .5);
23
+
24
+ $text-color-theme-dark-d: #fff;
25
+ $text-color-theme-dark: rgba(#fff, .95);
26
+ $text-color-theme-dark-l: rgba(#fff, .85);
27
+
28
+ $text-color-d: $text-color-theme-light-d;
29
+ $text-color: $text-color-theme-light;
30
+ $text-color-l: $text-color-theme-light-l;
31
+
23
32
  $text-background-color: rgba(#000, .05);
24
33
 
25
34
  // border and shadow colors
26
35
  $border-color: mix(#000, $background-color, 20%);
27
36
  $border-color-l: mix(#000, $background-color, 10%);
28
- $select-color: rgba($main-color-3, .5);
29
37
  $decorate-color: rgba(#000, .1);
38
+ $mask-color: rgba(#000, .8);
39
+ $select-color: rgba($main-color-3, .5);
30
40
 
31
41
  // function colors
32
42
  $green: #57c22d;
33
43
  $blue: #2593fc;
34
44
  $yellow: #f8ac30;
35
45
  $red: #f22635;
46
+ $text-color-function: #fff;
36
47
 
37
48
  // logo colors
38
49
  $mail-color: #0072c5;