mirror of
https://github.com/jerryc127/hexo-theme-butterfly.git
synced 2025-09-15 12:58:48 +08:00
eae694806c
1. 可設置隱藏文章 2. 適配 Hexo 的 Tag Plugins Code Block With marked lines 顯示 3. 可配置首頁cover顯示的位置 4. 更改深色模式下的配色 5. activate_power_mode 增加關閉顏色和抖動 6. 增加谷歌廣告，騰訊分析 7. 相關文章增加時間顯示，調整佈局，垂直居中 8. 文章頁面，top_img增加評論數顯示 9. 可以取消點擊圖片觀看大圖 10. mathjax和kathex可設置每頁都加載還是按需加載 11. 深色模式下，滾動條顔色的適配 12. 優化gitalk 在 dark mode下的顯示 13. 文章頁，文章標題過長時，只顯示三行內容 14. 深色模式下，背景圖片加上蒙板 15. 優化深色/閲讀模式下，canvas的顯示 16. 優化打賞的特效和移動到二維碼不會立刻消失 17. 優化sub-menu樣式 18. 修改aside 的tags顔色，在深色模式下不會出現觀看困難 19. 升級 normalize.css 到最新版 20. 優化手機上toc和menu的打開動畫 21. 優化代碼框打開關閉的特效 22. 精簡js,部分操作改為css控制 23. 優化主題的一些動畫，不會過於生硬 1. 修復當圖片被a標簽包圍時，點擊圖標沒有跳轉到對應網頁而是出現大圖觀看模式的bug 2. 修復當網址有subdirectory時，menu、打賞二維碼和lodding_bg 鏈接路徑錯誤的bug 3. 修復當網址有subdirectory時, 4. 修復katex 的 CSS無法讀取bug 5. 修復搜索按鈕在文章頁不顯示的bug 6. 修復gitalk css引用失敗的bug 7. 修復 點擊特效 煙花 無效的bug 8. 修復gitalk報path.startsWith is not a function的bug 9. 修復 閲讀模式下，背景沒有變純色的bug 10. 修復閲讀模式下，header 偶爾出現沒有靠攏頂部的bug 11. 修復Hexo Tag Plugins Block Quote 裏的鏈接顯示出外面的Bug 12. 修復aside歸檔日期過長導致錯位的bug 13. 修復toc為空時，toc按鈕仍存在的bug 14. 修復關閉懶加載後，頭像無法顯示的bug 15. 修復深色模式下，切換readmode偶爾會無效的bug 16. 修復在一些手機設備上，toc和menu的按鈕顯示不對齊的bug #72
185 lines
7.3 KiB
Stylus
185 lines
7.3 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
|
|
// 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
|
|
// 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%);
|
|
|