mirror of
https://github.com/jerryc127/hexo-theme-butterfly.git
synced 2025-09-15 12:58:48 +08:00
2eb15123f9
1. 更改手機頁面的menu和toc的顯示方式和顯示特效（ipad也能看TOC) 3. 可設置複製時，内容自動加上版權信息 4. 可修改tag的top_img 5. 可修改category的top_img 6. 可修改valine的背景 7. archives頁UI優化 8. ICP增加icon #37 9. 可設置主頁top_img的高度 10. 可設置主頁site-info的位置 11. category頁和tag頁的UI可以設置與主頁UI一樣 #31 12. 主頁subtitle可設置多個句子（不再限制2個） #37 13. 設置menu時，頭尾添加空格不受影響 14. 調整post頁的佈局 15. 书签添加icon 16. 公告icon效果 17. 首頁歸檔模塊，可設置數量限制，會顯示'查看更多'按鈕 18. 右下角按鈕調整。 19. 修复文章cover隨機图片生成，同一篇文章，不同地方的cover顯示不一样的bug 20. 修復gitalk語言設置無效的bug #35 21. 修復post頁面，當沒有設置word count時，閲讀量前有'|" 22. 修复sub-menu在safari的显示问题 23. 修复tags页评论居中问题 24. 修复header a hover 白色问题 25. 修復夜間模式下footer的顔色bug 26. 修復英文語言下，書簽英文顯示不完整的問題
187 lines
7.4 KiB
Stylus
187 lines
7.4 KiB
Stylus
// Theme Global Color
|
|
$theme-color = #49B1F5
|
|
$theme-paginator-color = #00c4b6
|
|
$theme-button-hover-color = #FF7242
|
|
$theme-text-selection-color = #00c4b6
|
|
$theme-meta-color = #858585
|
|
$theme-link-color = #99a9bf
|
|
$theme-hr-color = #A4D8FA
|
|
$theme-read-mode-bg-color = #FAF9DE
|
|
$inline-code-color = #F47466
|
|
$font-family= Lato, Helvetica Neue For Number, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, PingFang SC, Hiragino Sans GB, "Microsoft YaHei", Helvetica Neue, Helvetica, Arial, sans-serif
|
|
$code-font = consolas, Menlo, "PingFang SC", "Microsoft YaHei", monospace, Helvetica Neue For Number
|
|
$site-name-font = "Titillium Web", Lato,PingFang SC, Hiragino Sans GB, "Microsoft JhengHei", "Microsoft YaHei", Helvetica Neue, Helvetica, Arial, sans-serif
|
|
//hr icon
|
|
$hr-icon = '\f0c4'
|
|
$hr-icon-top = -10px
|
|
$title-prefix-icon = '\f0c1'
|
|
$title-prefix-icon-color = #F47466
|
|
|
|
if hexo-config("theme_color") && hexo-config("theme_color.enable")
|
|
$theme-color = convert(hexo-config("theme_color.main")) || #49B1F5
|
|
$theme-paginator-color = convert(hexo-config("theme_color.paginator")) || #00c4b6
|
|
$theme-button-hover-color = convert(hexo-config("theme_color.button_hover")) || #FF7242
|
|
$theme-text-selection-color = convert(hexo-config("theme_color.text_selection")) || #00c4b6
|
|
$theme-link-color = convert(hexo-config("theme_color.link_color")) || #99a9bf
|
|
$theme-meta-color = convert(hexo-config("theme_color.meta_color")) || #858585
|
|
$theme-hr-color = convert(hexo-config("theme_color.hr_color")) || #A4D8FA
|
|
$theme-read-mode-bg-color = convert(hexo-config("theme_color.read-mode-bg_color")) || #FAF9DE
|
|
$inline-code-color = convert(hexo-config("theme_color.inline-code-color")) || #F47466
|
|
|
|
if hexo-config("font") && hexo-config("font.enable")
|
|
$font-family = convert(hexo-config("font.font-family")) || 'Lato, Helvetica Neue For Number, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, PingFang SC, Hiragino Sans GB, "Microsoft YaHei", Helvetica Neue, Helvetica, Arial, sans-serif'
|
|
$code-font = convert(hexo-config("font.code-font")) || 'consolas, Menlo, "PingFang SC", "Microsoft YaHei", monospace, Helvetica Neue For Number'
|
|
|
|
if hexo-config("blog_title_font.font-family")
|
|
$site-name-font = convert(hexo-config("blog_title_font.font-family")) || '"Titillium Web",Lato,PingFang SC, Hiragino Sans GB, "Microsoft JhengHei", "Microsoft YaHei", Helvetica Neue, Helvetica, Arial, sans-serif'
|
|
|
|
|
|
if hexo-config("hr") && hexo-config("hr.enable")
|
|
$hr-icon = hexo-config("hr.icon") || '\f0c4'
|
|
$hr-icon-top = convert(hexo-config("hr.icon-top")) || -10px
|
|
|
|
if hexo-config("post_beautify.enable")
|
|
$title-prefix-icon = hexo-config("post_beautify.title-prefix-icon") || '\f0c1'
|
|
$title-prefix-icon-color= convert(hexo-config("post_beautify.title-prefix-icon-color")) || #F47466
|
|
|
|
|
|
// Global Variables
|
|
$font-size = 14px
|
|
$font-color = #1F2D3D
|
|
$rem = 20px
|
|
$font-family = $font-family
|
|
$code-font = $code-font
|
|
$site-name-font = $site-name-font
|
|
$text-line-height = 2
|
|
$sm = 768px
|
|
$bg = 1024px
|
|
$md = 1300px
|
|
$lg = 1450px
|
|
$sidebar-icon-top = 20px
|
|
$sidebar-icon-left = $sidebar-icon-top - 4px
|
|
$sidebar-icon-size = 16px
|
|
$web-bg = convert(hexo-config("background"))
|
|
$index_top_img_height = convert(hexo-config('index_top_img_height')) || 100vh
|
|
$index_site_info_top = convert(hexo-config("index_site_info_top")) || 43%
|
|
// Global color & SVG
|
|
$pale-blue = $theme-hr-color
|
|
$light-blue = $theme-color
|
|
$blue = #1B9EF3
|
|
$dark-blue = #0790E8
|
|
$orange = #F1BE48
|
|
$pale-green = #B4E1C1
|
|
$light-green = #69C282
|
|
$green = #44B363
|
|
$dark-green = #379F54
|
|
$pale-cyan = #D1F4F2
|
|
$light-cyan = #8CE4DE
|
|
$cyan = $theme-paginator-color
|
|
$pale-red = #F9b9b3
|
|
$light-red = #F47466
|
|
$red = #F15140
|
|
$dark-red = #E63E2C
|
|
$ruby = $theme-button-hover-color
|
|
$light-black = #3B3A3A
|
|
$black = #2E2E2E
|
|
$dark-black = #000000
|
|
$pale-grey = #F7F7F7
|
|
$light-grey = #EEEEEE
|
|
$grey = $theme-meta-color
|
|
$pale-yellow = $theme-read-mode-bg-color
|
|
$white = #FFFFFF
|
|
$whitesmoke = #f5f5f5;
|
|
$dark-white = #F9F9F9
|
|
$font-black = #4C4948
|
|
$selection = $theme-text-selection-color
|
|
|
|
// code
|
|
$code-font-size = $font-size
|
|
$code-font-family = $font-family
|
|
$code-foreground = $inline-code-color
|
|
$code-background = rgba(27, 31, 35, 0.05)
|
|
$line-height-code-block = 20px
|
|
$blockquote-color = #6a737d
|
|
$blockquote-padding-color = $theme-color
|
|
$blockquote-background-color = rgba(73, 177, 245,0.1)
|
|
// page
|
|
$content-width = 800px
|
|
$content-large-width = 1000px
|
|
$a-link-color = $theme-link-color
|
|
$a-hover-color = #82AAFF
|
|
$img-border-color = #eaeefb
|
|
$img-border-padding = 4px
|
|
// sidebar
|
|
$sidebar-width = 300px
|
|
$sidebar-background = #f6f8fa
|
|
|
|
// Note colors
|
|
// --------------------------------------------------
|
|
hexo-config('note.light_bg_offset') is a 'unit' ? ($lbg = unit(hexo-config('note.light_bg_offset'),"%")) : ($lbg = 0);
|
|
|
|
// Default
|
|
$note-default-border = #777;
|
|
$note-default-bg = lighten(spin($note-default-border, 0), 94% + $lbg);
|
|
$note-default-text = $note-default-border;
|
|
$note-default-icon = "\f0a9";
|
|
|
|
$note-modern-default-border = #e1e1e1;
|
|
$note-modern-default-bg = lighten(spin($note-modern-default-border, 10), 60% + ($lbg * 4));
|
|
$note-modern-default-text = #666;
|
|
$note-modern-default-hover = darken(spin($note-modern-default-text, -10), 32%);
|
|
|
|
// Primary
|
|
$note-primary-border = #6f42c1;
|
|
$note-primary-bg = lighten(spin($note-primary-border, 10), 92% + $lbg);
|
|
$note-primary-text = $note-primary-border;
|
|
$note-primary-icon = "\f055";
|
|
|
|
$note-modern-primary-border = #e1c2ff;
|
|
$note-modern-primary-bg = lighten(spin($note-modern-primary-border, 10), 40% + ($lbg * 4));
|
|
$note-modern-primary-text = #6f42c1;
|
|
$note-modern-primary-hover = darken(spin($note-modern-primary-text, -10), 22%);
|
|
|
|
// Info
|
|
$note-info-border = #428bca;
|
|
$note-info-bg = lighten(spin($note-info-border, -10), 91% + $lbg);
|
|
$note-info-text = $note-info-border;
|
|
$note-info-icon = "\f05a";
|
|
|
|
$note-modern-info-border = #b3e5ef;
|
|
$note-modern-info-bg = lighten(spin($note-modern-info-border, 10), 50% + ($lbg * 4));
|
|
$note-modern-info-text = #31708f;
|
|
$note-modern-info-hover = darken(spin($note-modern-info-text, -10), 32%);
|
|
|
|
// Success
|
|
$note-success-border = #5cb85c;
|
|
$note-success-bg = lighten(spin($note-success-border, 10), 90% + $lbg);
|
|
$note-success-text = $note-success-border;
|
|
$note-success-icon = "\f058";
|
|
|
|
$note-modern-success-border = #d0e6be;
|
|
$note-modern-success-bg = lighten(spin($note-modern-success-border, 10), 40% + ($lbg * 4));
|
|
$note-modern-success-text = #3c763d;
|
|
$note-modern-success-hover = darken(spin($note-modern-success-text, -10), 27%);
|
|
|
|
// Warning
|
|
$note-warning-border = #f0ad4e;
|
|
$note-warning-bg = lighten(spin($note-warning-border, 10), 88% + $lbg);
|
|
$note-warning-text = $note-warning-border;
|
|
$note-warning-icon = "\f06a";
|
|
|
|
$note-modern-warning-border = #fae4cd;
|
|
$note-modern-warning-bg = lighten(spin($note-modern-warning-border, 10), 43% + ($lbg * 4));
|
|
$note-modern-warning-text = #8a6d3b;
|
|
$note-modern-warning-hover = darken(spin($note-modern-warning-text, -10), 18%);
|
|
|
|
// Danger
|
|
$note-danger-border = #d9534f;
|
|
$note-danger-bg = lighten(spin($note-danger-border, -10), 92% + $lbg);
|
|
$note-danger-text = $note-danger-border;
|
|
$note-danger-icon = "\f056";
|
|
|
|
$note-modern-danger-border = #ebcdd2;
|
|
$note-modern-danger-bg = lighten(spin($note-modern-danger-border, 10), 35% + ($lbg * 4));
|
|
$note-modern-danger-text = #a94442;
|
|
$note-modern-danger-hover = darken(spin($note-modern-danger-text, -10), 22%);
|
|
|