chroma highlight line color changed, chroma theme setting var divided, meta component title added,

README.ko.md

@@ -615,13 +615,13 @@ assets/js/custom.js
 
 ### custom syntax highlighting
 
-1. root/data 폴더에 skin.toml파일을 만들어주세요. chroma_theme항목의 값을 원하시는 코드 하이라이트 테마값으로 변경해주세요. [이 링크](https://xyproto.github.io/splash/docs/all.html)를 참조해서 값을 변경하시면 됩니다. 만약 chroma_theme 값에 - 나 _ 같은 특수문자가 있다면 지워주세요.
+1. root/data 폴더에 skin.toml파일을 만들어주세요. theme_dark_chroma, theme_light_chroma, ... 파라미터의 항목의 값을 원하시는 코드 하이라이트 테마값으로 변경해주세요. [이 링크](https://xyproto.github.io/splash/docs/all.html)를 참조해서 값을 변경하시면 됩니다. 만약 theme_[xxxx]_chroma 값에 - 나 _ 같은 특수문자가 있다면 지워주세요.
 예를들어, solarized-dark256 값을 입력하시려면, 다음과 같이 해주세요.
 
 ```
 root/data/skin.toml
 
-chroma_theme = "solarizeddark256"
+theme_dark_chroma = "solarizeddark256"
 ```
 
 2. 특정 색상을 변경하고 싶으시다면, [[custom-css](#custom-css)]에서 만든 파일에 chroma class를 오버라이드 해야합니다. 잘 모르겠으면 문의주세요!

README.md

@@ -609,13 +609,13 @@ assets/js/custom.js
 
 ### custom syntax highlighting
 
-1. Make a skin.toml file at root/data folder. Set the chroma_theme value as you want. Refer this [link](https://xyproto.github.io/splash/docs/all.html). If chroma_theme value include - or _ like special character, just delete it.
+1. Make a skin.toml file at root/data folder. Set the theme_dark_chroma, theme_light_chroma, ... params value as you want. Refer this [link](https://xyproto.github.io/splash/docs/all.html). If theme_[xxxx]_chroma value include - or _ like special character, just delete it.
 For example, if you want use solarized-dark256 style, set the param like this.
 
 ```
 root/data/skin.toml
 
-chroma_theme = "solarizeddark256"
+theme_dark_chroma = "solarizeddark256"
 ```
 
 2. Add a custom style file if you want to change specific colors. [[custom-css](#custom-css)]

assets/sass/main.scss

@@ -10,7 +10,11 @@ $grid_navbar_height: {{ .Site.Data.grid.grid_navbar_height }};
 $grid_row_gap: {{ .Site.Data.grid.grid_row_gap }};
 
 $custom_theme_primary_color: {{ .Site.Data.skin.custom_theme_primary_color }};
-$chroma_theme: {{ .Site.Data.skin.chroma_theme }};
+$theme_light_chroma: {{ .Site.Data.skin.theme_light_chroma }};
+$theme_dark_chroma: {{ .Site.Data.skin.theme_dark_chroma }};
+$theme_hacker_chroma: {{ .Site.Data.skin.theme_hacker_chroma }};
+$theme_solarized_chroma: {{ .Site.Data.skin.theme_solarized_chroma }};
+$theme_custom_chroma: {{ .Site.Data.skin.theme_custom_chroma }};
 
 $title-font: {{ .Site.Data.font.title_font }};
 $content-font: {{ .Site.Data.font.content_font }};

assets/sass/pages/_single.scss

@@ -326,16 +326,20 @@ code, pre {
   font-size: $code-font-size;
   font-family: $code-font-stack;
   position: relative;
-  
-  @include themify($themes) {
-    background: themed('content-pre-background-color');
-  }
 
   a {
     text-decoration: none !important;
   }
 }
 
+*:not(.chroma) {
+  code, pre {
+    @include themify($themes) {
+      background: themed('content-pre-background-color');
+    }
+  }  
+}
+
 code {  
   padding: 3px 5px;  
   border-radius: 4px;
@@ -440,4 +444,4 @@ pre:not(.chroma) {
       color: themed('content-pre-number-color');
     }
   }
-}
+}

assets/sass/syntax/_dracula.scss

@@ -2,7 +2,7 @@
   /* Background */ .chroma { color: #f8f8f2; background-color: #282a36 }
   /* LineTableTD */ .chroma .lntd { vertical-align: top; padding: 0; margin: 0; border: 0; }
   /* LineTable */ .chroma .lntable { border-spacing: 0; padding: 0; margin: 0; border: 0; width: auto; overflow: auto; display: block; }
-  /* LineHighlight */ .chroma .hl { display: block; width: 100%;background-color: #ffffcc }
+  /* LineHighlight */ .chroma .hl { display: block; width: 100%;background-color: black }
   /* LineNumbersTable */ .chroma .lnt { margin-right: 0.4em; padding: 0 0.4em 0 0.4em;color: #7f7f7f }
   /* LineNumbers */ .chroma .ln { margin-right: 0.4em; padding: 0 0.4em 0 0.4em;color: #7f7f7f }
   /* Keyword */ .chroma .k { color: #ff79c6 }

assets/sass/syntax/_monokai.scss

@@ -3,7 +3,7 @@
   /* Error */ .chroma .err { color: #960050; background-color: #1e0010 }
   /* LineTableTD */ .chroma .lntd { vertical-align: top; padding: 0; margin: 0; border: 0; }
   /* LineTable */ .chroma .lntable { border-spacing: 0; padding: 0; margin: 0; border: 0; width: auto; overflow: auto; display: block; }
-  /* LineHighlight */ .chroma .hl { display: block; width: 100%;background-color: #ffffcc }
+  /* LineHighlight */ .chroma .hl { display: block; width: 100%;background-color: black }
   /* LineNumbersTable */ .chroma .lnt { margin-right: 0.4em; padding: 0 0.4em 0 0.4em;color: #7f7f7f }
   /* LineNumbers */ .chroma .ln { margin-right: 0.4em; padding: 0 0.4em 0 0.4em;color: #7f7f7f }
   /* Keyword */ .chroma .k { color: #66d9ef }

assets/sass/syntax/_syntax.scss

@@ -38,100 +38,412 @@
 @import 'vs';
 @import 'xcode';
 
-@if $chroma_theme == default {
-  .theme__light {
+.theme__light {
+  @if $theme_light_chroma == default {
+    @include chroma-duotonelight;
+  } @else if $theme_light_chroma == abap {
+    @include chroma-abap;
+  } @else if $theme_light_chroma == algol {
+    @include chroma-algol;
+  } @else if $theme_light_chroma == algolnu {
+    @include chroma-algolnu;
+  } @else if $theme_light_chroma == api {
+    @include chroma-api;
+  } @else if $theme_light_chroma == arduino {
+    @include chroma-arduino;
+  } @else if $theme_light_chroma == autumn {
+    @include chroma-autumn;
+  } @else if $theme_light_chroma == borland {
+    @include chroma-borland;
+  } @else if $theme_light_chroma == bw {
+    @include chroma-bw;
+  } @else if $theme_light_chroma == colorful {
+    @include chroma-colorful;
+  } @else if $theme_light_chroma == dracula {
+    @include chroma-dracula;
+  } @else if $theme_light_chroma == emacs {
+    @include chroma-emacs;
+  } @else if $theme_light_chroma == friendly {
+    @include chroma-friendly;
+  } @else if $theme_light_chroma == fruity {
+    @include chroma-fruity;
+  } @else if $theme_light_chroma == github {
+    @include chroma-github;
+  } @else if $theme_light_chroma == igor {
+    @include chroma-igor;
+  } @else if $theme_light_chroma == lovelace {
+    @include chroma-lovelace;
+  } @else if $theme_light_chroma == manni {
+    @include chroma-manni;
+  } @else if $theme_light_chroma == monokai {
+    @include chroma-monokai;
+  } @else if $theme_light_chroma == monokailight {
+    @include chroma-monokailight;
+  } @else if $theme_light_chroma == murphy {
+    @include chroma-murphy;
+  } @else if $theme_light_chroma == native {
+    @include chroma-native;
+  } @else if $theme_light_chroma == paraisodark {
+    @include chroma-paraisodark;
+  } @else if $theme_light_chroma == paraisolight {
+    @include chroma-paraisolight;
+  } @else if $theme_light_chroma == pastie {
+    @include chroma-pastie;
+  } @else if $theme_light_chroma == perldoc {
+    @include chroma-perldoc;
+  } @else if $theme_light_chroma == pygments {
+    @include chroma-pygments;
+  } @else if $theme_light_chroma == rainbowdash {
+    @include chroma-rainbowdash;
+  } @else if $theme_light_chroma == rrt {
+    @include chroma-rrt;
+  } @else if $theme_light_chroma == solarizeddark {
+    @include chroma-solarizeddark;
+  } @else if $theme_light_chroma == solarizeddark256 {
+    @include chroma-solarizeddark256;
+  } @else if $theme_light_chroma == solarizedlight {
+    @include chroma-solarizedlight;
+  } @else if $theme_light_chroma == swapoff {
+    @include chroma-swapoff;
+  } @else if $theme_light_chroma == tango {
+    @include chroma-tango;
+  } @else if $theme_light_chroma == trac {
+    @include chroma-trac;
+  } @else if $theme_light_chroma == vim {
+    @include chroma-vim;
+  } @else if $theme_light_chroma == vs {
+    @include chroma-vs;
+  } @else if $theme_light_chroma == xcode {
+    @include chroma-xcode;
+  } @else {
     @include chroma-duotonelight;
   }
-  
-  .theme__dark {
+}
+
+.theme__dark {
+  @if $theme_dark_chroma == default {
+    @include chroma-monokai;
+  } @else if $theme_dark_chroma == abap {
+    @include chroma-abap;
+  } @else if $theme_dark_chroma == algol {
+    @include chroma-algol;
+  } @else if $theme_dark_chroma == algolnu {
+    @include chroma-algolnu;
+  } @else if $theme_dark_chroma == api {
+    @include chroma-api;
+  } @else if $theme_dark_chroma == arduino {
+    @include chroma-arduino;
+  } @else if $theme_dark_chroma == autumn {
+    @include chroma-autumn;
+  } @else if $theme_dark_chroma == borland {
+    @include chroma-borland;
+  } @else if $theme_dark_chroma == bw {
+    @include chroma-bw;
+  } @else if $theme_dark_chroma == colorful {
+    @include chroma-colorful;
+  } @else if $theme_dark_chroma == dracula {
+    @include chroma-dracula;
+  } @else if $theme_dark_chroma == emacs {
+    @include chroma-emacs;
+  } @else if $theme_dark_chroma == friendly {
+    @include chroma-friendly;
+  } @else if $theme_dark_chroma == fruity {
+    @include chroma-fruity;
+  } @else if $theme_dark_chroma == github {
+    @include chroma-github;
+  } @else if $theme_dark_chroma == igor {
+    @include chroma-igor;
+  } @else if $theme_dark_chroma == lovelace {
+    @include chroma-lovelace;
+  } @else if $theme_dark_chroma == manni {
+    @include chroma-manni;
+  } @else if $theme_dark_chroma == monokai {
+    @include chroma-monokai;
+  } @else if $theme_dark_chroma == monokailight {
+    @include chroma-monokailight;
+  } @else if $theme_dark_chroma == murphy {
+    @include chroma-murphy;
+  } @else if $theme_dark_chroma == native {
+    @include chroma-native;
+  } @else if $theme_dark_chroma == paraisodark {
+    @include chroma-paraisodark;
+  } @else if $theme_dark_chroma == paraisolight {
+    @include chroma-paraisolight;
+  } @else if $theme_dark_chroma == pastie {
+    @include chroma-pastie;
+  } @else if $theme_dark_chroma == perldoc {
+    @include chroma-perldoc;
+  } @else if $theme_dark_chroma == pygments {
+    @include chroma-pygments;
+  } @else if $theme_dark_chroma == rainbowdash {
+    @include chroma-rainbowdash;
+  } @else if $theme_dark_chroma == rrt {
+    @include chroma-rrt;
+  } @else if $theme_dark_chroma == solarizeddark {
+    @include chroma-solarizeddark;
+  } @else if $theme_dark_chroma == solarizeddark256 {
+    @include chroma-solarizeddark256;
+  } @else if $theme_dark_chroma == solarizedlight {
+    @include chroma-solarizedlight;
+  } @else if $theme_dark_chroma == swapoff {
+    @include chroma-swapoff;
+  } @else if $theme_dark_chroma == tango {
+    @include chroma-tango;
+  } @else if $theme_dark_chroma == trac {
+    @include chroma-trac;
+  } @else if $theme_dark_chroma == vim {
+    @include chroma-vim;
+  } @else if $theme_dark_chroma == vs {
+    @include chroma-vs;
+  } @else if $theme_dark_chroma == xcode {
+    @include chroma-xcode;
+  } @else {
     @include chroma-monokai;
   }
-  
-  .theme__hacker {
+}
+
+.theme__hacker {
+  @if $theme_hacker_chroma == default {
+    @include chroma-dracula;
+  } @else if $theme_hacker_chroma == abap {
+    @include chroma-abap;
+  } @else if $theme_hacker_chroma == algol {
+    @include chroma-algol;
+  } @else if $theme_hacker_chroma == algolnu {
+    @include chroma-algolnu;
+  } @else if $theme_hacker_chroma == api {
+    @include chroma-api;
+  } @else if $theme_hacker_chroma == arduino {
+    @include chroma-arduino;
+  } @else if $theme_hacker_chroma == autumn {
+    @include chroma-autumn;
+  } @else if $theme_hacker_chroma == borland {
+    @include chroma-borland;
+  } @else if $theme_hacker_chroma == bw {
+    @include chroma-bw;
+  } @else if $theme_hacker_chroma == colorful {
+    @include chroma-colorful;
+  } @else if $theme_hacker_chroma == dracula {
+    @include chroma-dracula;
+  } @else if $theme_hacker_chroma == emacs {
+    @include chroma-emacs;
+  } @else if $theme_hacker_chroma == friendly {
+    @include chroma-friendly;
+  } @else if $theme_hacker_chroma == fruity {
+    @include chroma-fruity;
+  } @else if $theme_hacker_chroma == github {
+    @include chroma-github;
+  } @else if $theme_hacker_chroma == igor {
+    @include chroma-igor;
+  } @else if $theme_hacker_chroma == lovelace {
+    @include chroma-lovelace;
+  } @else if $theme_hacker_chroma == manni {
+    @include chroma-manni;
+  } @else if $theme_hacker_chroma == monokai {
+    @include chroma-monokai;
+  } @else if $theme_hacker_chroma == monokailight {
+    @include chroma-monokailight;
+  } @else if $theme_hacker_chroma == murphy {
+    @include chroma-murphy;
+  } @else if $theme_hacker_chroma == native {
+    @include chroma-native;
+  } @else if $theme_hacker_chroma == paraisodark {
+    @include chroma-paraisodark;
+  } @else if $theme_hacker_chroma == paraisolight {
+    @include chroma-paraisolight;
+  } @else if $theme_hacker_chroma == pastie {
+    @include chroma-pastie;
+  } @else if $theme_hacker_chroma == perldoc {
+    @include chroma-perldoc;
+  } @else if $theme_hacker_chroma == pygments {
+    @include chroma-pygments;
+  } @else if $theme_hacker_chroma == rainbowdash {
+    @include chroma-rainbowdash;
+  } @else if $theme_hacker_chroma == rrt {
+    @include chroma-rrt;
+  } @else if $theme_hacker_chroma == solarizeddark {
+    @include chroma-solarizeddark;
+  } @else if $theme_hacker_chroma == solarizeddark256 {
+    @include chroma-solarizeddark256;
+  } @else if $theme_hacker_chroma == solarizedlight {
+    @include chroma-solarizedlight;
+  } @else if $theme_hacker_chroma == swapoff {
+    @include chroma-swapoff;
+  } @else if $theme_hacker_chroma == tango {
+    @include chroma-tango;
+  } @else if $theme_hacker_chroma == trac {
+    @include chroma-trac;
+  } @else if $theme_hacker_chroma == vim {
+    @include chroma-vim;
+  } @else if $theme_hacker_chroma == vs {
+    @include chroma-vs;
+  } @else if $theme_hacker_chroma == xcode {
+    @include chroma-xcode;
+  } @else {
     @include chroma-dracula;
   }
-  
-  .theme__solarized {
-    @include chroma-solarized;
-  } 
+}
 
-  .theme__custom {
+.theme__solarized {
+  @if $theme_solarized_chroma == default {
+    @include chroma-solarized;
+  } @else if $theme_solarized_chroma == abap {
+    @include chroma-abap;
+  } @else if $theme_solarized_chroma == algol {
+    @include chroma-algol;
+  } @else if $theme_solarized_chroma == algolnu {
+    @include chroma-algolnu;
+  } @else if $theme_solarized_chroma == api {
+    @include chroma-api;
+  } @else if $theme_solarized_chroma == arduino {
+    @include chroma-arduino;
+  } @else if $theme_solarized_chroma == autumn {
+    @include chroma-autumn;
+  } @else if $theme_solarized_chroma == borland {
+    @include chroma-borland;
+  } @else if $theme_solarized_chroma == bw {
+    @include chroma-bw;
+  } @else if $theme_solarized_chroma == colorful {
+    @include chroma-colorful;
+  } @else if $theme_solarized_chroma == dracula {
+    @include chroma-dracula;
+  } @else if $theme_solarized_chroma == emacs {
+    @include chroma-emacs;
+  } @else if $theme_solarized_chroma == friendly {
+    @include chroma-friendly;
+  } @else if $theme_solarized_chroma == fruity {
+    @include chroma-fruity;
+  } @else if $theme_solarized_chroma == github {
+    @include chroma-github;
+  } @else if $theme_solarized_chroma == igor {
+    @include chroma-igor;
+  } @else if $theme_solarized_chroma == lovelace {
+    @include chroma-lovelace;
+  } @else if $theme_solarized_chroma == manni {
+    @include chroma-manni;
+  } @else if $theme_solarized_chroma == monokai {
+    @include chroma-monokai;
+  } @else if $theme_solarized_chroma == monokailight {
+    @include chroma-monokailight;
+  } @else if $theme_solarized_chroma == murphy {
+    @include chroma-murphy;
+  } @else if $theme_solarized_chroma == native {
+    @include chroma-native;
+  } @else if $theme_solarized_chroma == paraisodark {
+    @include chroma-paraisodark;
+  } @else if $theme_solarized_chroma == paraisolight {
+    @include chroma-paraisolight;
+  } @else if $theme_solarized_chroma == pastie {
+    @include chroma-pastie;
+  } @else if $theme_solarized_chroma == perldoc {
+    @include chroma-perldoc;
+  } @else if $theme_solarized_chroma == pygments {
+    @include chroma-pygments;
+  } @else if $theme_solarized_chroma == rainbowdash {
+    @include chroma-rainbowdash;
+  } @else if $theme_solarized_chroma == rrt {
+    @include chroma-rrt;
+  } @else if $theme_solarized_chroma == solarizeddark {
+    @include chroma-solarizeddark;
+  } @else if $theme_solarized_chroma == solarizeddark256 {
+    @include chroma-solarizeddark256;
+  } @else if $theme_solarized_chroma == solarizedlight {
+    @include chroma-solarizedlight;
+  } @else if $theme_solarized_chroma == swapoff {
+    @include chroma-swapoff;
+  } @else if $theme_solarized_chroma == tango {
+    @include chroma-tango;
+  } @else if $theme_solarized_chroma == trac {
+    @include chroma-trac;
+  } @else if $theme_solarized_chroma == vim {
+    @include chroma-vim;
+  } @else if $theme_solarized_chroma == vs {
+    @include chroma-vs;
+  } @else if $theme_solarized_chroma == xcode {
+    @include chroma-xcode;
+  } @else {
+    @include chroma-solarized;
+  }
+}
+
+.theme__custom {
+  @if $theme_custom_chroma == default {
+    @include chroma-autumn;
+  } @else if $theme_custom_chroma == abap {
+    @include chroma-abap;
+  } @else if $theme_custom_chroma == algol {
+    @include chroma-algol;
+  } @else if $theme_custom_chroma == algolnu {
+    @include chroma-algolnu;
+  } @else if $theme_custom_chroma == api {
+    @include chroma-api;
+  } @else if $theme_custom_chroma == arduino {
+    @include chroma-arduino;
+  } @else if $theme_custom_chroma == autumn {
+    @include chroma-autumn;
+  } @else if $theme_custom_chroma == borland {
+    @include chroma-borland;
+  } @else if $theme_custom_chroma == bw {
+    @include chroma-bw;
+  } @else if $theme_custom_chroma == colorful {
+    @include chroma-colorful;
+  } @else if $theme_custom_chroma == dracula {
+    @include chroma-dracula;
+  } @else if $theme_custom_chroma == emacs {
+    @include chroma-emacs;
+  } @else if $theme_custom_chroma == friendly {
+    @include chroma-friendly;
+  } @else if $theme_custom_chroma == fruity {
+    @include chroma-fruity;
+  } @else if $theme_custom_chroma == github {
+    @include chroma-github;
+  } @else if $theme_custom_chroma == igor {
+    @include chroma-igor;
+  } @else if $theme_custom_chroma == lovelace {
+    @include chroma-lovelace;
+  } @else if $theme_custom_chroma == manni {
+    @include chroma-manni;
+  } @else if $theme_custom_chroma == monokai {
+    @include chroma-monokai;
+  } @else if $theme_custom_chroma == monokailight {
+    @include chroma-monokailight;
+  } @else if $theme_custom_chroma == murphy {
+    @include chroma-murphy;
+  } @else if $theme_custom_chroma == native {
+    @include chroma-native;
+  } @else if $theme_custom_chroma == paraisodark {
+    @include chroma-paraisodark;
+  } @else if $theme_custom_chroma == paraisolight {
+    @include chroma-paraisolight;
+  } @else if $theme_custom_chroma == pastie {
+    @include chroma-pastie;
+  } @else if $theme_custom_chroma == perldoc {
+    @include chroma-perldoc;
+  } @else if $theme_custom_chroma == pygments {
+    @include chroma-pygments;
+  } @else if $theme_custom_chroma == rainbowdash {
+    @include chroma-rainbowdash;
+  } @else if $theme_custom_chroma == rrt {
+    @include chroma-rrt;
+  } @else if $theme_custom_chroma == solarizeddark {
+    @include chroma-solarizeddark;
+  } @else if $theme_custom_chroma == solarizeddark256 {
+    @include chroma-solarizeddark256;
+  } @else if $theme_custom_chroma == solarizedlight {
+    @include chroma-solarizedlight;
+  } @else if $theme_custom_chroma == swapoff {
+    @include chroma-swapoff;
+  } @else if $theme_custom_chroma == tango {
+    @include chroma-tango;
+  } @else if $theme_custom_chroma == trac {
+    @include chroma-trac;
+  } @else if $theme_custom_chroma == vim {
+    @include chroma-vim;
+  } @else if $theme_custom_chroma == vs {
+    @include chroma-vs;
+  } @else if $theme_custom_chroma == xcode {
+    @include chroma-xcode;
+  } @else {
     @include chroma-autumn;
   }
-} @else if $chroma_theme == abap {
-  @include chroma-abap;
-} @else if $chroma_theme == algol {
-  @include chroma-algol;
-} @else if $chroma_theme == algolnu {
-  @include chroma-algolnu;
-} @else if $chroma_theme == api {
-  @include chroma-api;
-} @else if $chroma_theme == arduino {
-  @include chroma-arduino;
-} @else if $chroma_theme == autumn {
-  @include chroma-autumn;
-} @else if $chroma_theme == borland {
-  @include chroma-borland;
-} @else if $chroma_theme == bw {
-  @include chroma-bw;
-} @else if $chroma_theme == colorful {
-  @include chroma-colorful;
-} @else if $chroma_theme == dracula {
-  @include chroma-dracula;
-} @else if $chroma_theme == emacs {
-  @include chroma-emacs;
-} @else if $chroma_theme == friendly {
-  @include chroma-friendly;
-} @else if $chroma_theme == fruity {
-  @include chroma-fruity;
-} @else if $chroma_theme == github {
-  @include chroma-github;
-} @else if $chroma_theme == igor {
-  @include chroma-igor;
-} @else if $chroma_theme == lovelace {
-  @include chroma-lovelace;
-} @else if $chroma_theme == manni {
-  @include chroma-manni;
-} @else if $chroma_theme == monokai {
-  @include chroma-monokai;
-} @else if $chroma_theme == monokailight {
-  @include chroma-monokailight;
-} @else if $chroma_theme == murphy {
-  @include chroma-murphy;
-} @else if $chroma_theme == native {
-  @include chroma-native;
-} @else if $chroma_theme == paraisodark {
-  @include chroma-paraisodark;
-} @else if $chroma_theme == paraisolight {
-  @include chroma-paraisolight;
-} @else if $chroma_theme == pastie {
-  @include chroma-pastie;
-} @else if $chroma_theme == perldoc {
-  @include chroma-perldoc;
-} @else if $chroma_theme == pygments {
-  @include chroma-pygments;
-} @else if $chroma_theme == rainbowdash {
-  @include chroma-rainbowdash;
-} @else if $chroma_theme == rrt {
-  @include chroma-rrt;
-} @else if $chroma_theme == solarizeddark {
-  @include chroma-solarizeddark;
-} @else if $chroma_theme == solarizeddark256 {
-  @include chroma-solarizeddark256;
-} @else if $chroma_theme == solarizedlight {
-  @include chroma-solarizedlight;
-} @else if $chroma_theme == swapoff {
-  @include chroma-swapoff;
-} @else if $chroma_theme == tango {
-  @include chroma-tango;
-} @else if $chroma_theme == trac {
-  @include chroma-trac;
-} @else if $chroma_theme == vim {
-  @include chroma-vim;
-} @else if $chroma_theme == vs {
-  @include chroma-vs;
-} @else if $chroma_theme == xcode {
-  @include chroma-xcode;
-} @else {
-  @include chroma-dracula;
 }

data/skin.toml

@@ -1,3 +1,9 @@
 custom_theme_primary_color = "195" # 0 ~ 359, Colors HSL, restart hugo after change this value
 
-chroma_theme = "default" # https://xyproto.github.io/splash/docs/longer/all.html
+# https://xyproto.github.io/splash/docs/longer/all.html
+# restart hugo after change this value
+theme_light_chroma = "default"
+theme_dark_chroma = "default"
+theme_hacker_chroma = "default"
+theme_solarized_chroma = "default"
+theme_custom_chroma = "default"

layouts/partials/body/infos.html

@@ -1,5 +1,5 @@
 <div class="single__infos">
-  🕓 {{ .Date.Format (i18n "single-dateformat") }} {{ if .GitInfo }} &middot <span class="single__info"> 📝 {{ .Lastmod.Format (i18n "summary-dateformat") }} </span> {{ end }} &middot <span class="single__info"> ☕ {{ .ReadingTime }} {{ i18n "reading-time" }} </span>
+  <span title="written">🕓 {{ .Date.Format (i18n "single-dateformat") }} </span> {{ if .GitInfo }} &nbsp;&nbsp; <span class="single__info" title="modified"> 📝 {{ .Lastmod.Format (i18n "single-dateformat") }} </span> {{ end }} &middot; <span class="single__info" title="reading time"> ☕ {{ .ReadingTime }} {{ i18n "reading-time" }} </span>
   <span class="single__info">
     {{ if (and .Site.Params.enableBusuanzi .Site.Params.busuanziPagePV) }} &middot 👀<span id="busuanzi_value_page_pv">...</span> {{ i18n "counter-page-pv" }}{{ end }}
   </span>

layouts/partials/body/tags.html

@@ -5,7 +5,7 @@
   {{ end }}
   {{ if $value }}
   <li>
-    <a href="{{ "/tags/" | relLangURL }}{{ $value | urlize }}" class="single__tag">
+    <a href="{{ "/tags/" | relLangURL }}{{ $value | urlize }}" class="single__tag" title="{{ $value }}">
       #{{ $value }}
     </a>
   </li>

layouts/partials/summary/card.html

@@ -1,7 +1,7 @@
 <article class="summary-card">
   <header>
     <h5 class="title h5"><a href='{{ .Permalink }}'> {{ .Title }}</a> </h5>
-    <h6 class="subtitle caption">🕓 {{ .Date.Format (i18n "summary-dateformat") }} {{ if .GitInfo }} &middot 📝 {{ .Lastmod.Format (i18n "summary-dateformat") }} {{ end }} &middot ☕{{ .ReadingTime }} {{ i18n "reading-time" }}</h6>
+    <h6 class="subtitle caption"><span title="written">🕓 {{ .Date.Format (i18n "summary-dateformat") }} </span> {{ if .GitInfo }} <span title="modified"> &middot; 📝 {{ .Lastmod.Format (i18n "summary-dateformat") }} </span> {{ end }} <span title="reading time"> &middot; ☕{{ .ReadingTime }} {{ i18n "reading-time" }}</span></h6>
   </header>
   {{ $params := .Params }}
   <div class="summary-card__content">

layouts/partials/summary/classic.html

@@ -11,8 +11,7 @@
     <div class="summary-classic__content">
       <header>
         <h5 class="title h5"><a href='{{ .Permalink }}'> {{ .Title }}</a> </h5>
-        <h6 class="subtitle caption">🕓 {{ .Date.Format (i18n "summary-dateformat") }} {{ if .GitInfo }} &middot 📝 {{ .Lastmod.Format (i18n "summary-dateformat") }} {{ end }} &middot ☕{{ .ReadingTime }} {{ i18n "reading-time" }}
-        </h6>
+        <h6 class="subtitle caption"><span title="written">🕓 {{ .Date.Format (i18n "summary-dateformat") }} </span> {{ if .GitInfo }} <span title="modified"> &middot; 📝 {{ .Lastmod.Format (i18n "summary-dateformat") }} </span> {{ end }} <span title="reading time"> &middot; ☕{{ .ReadingTime }} {{ i18n "reading-time" }} </span></h6>
       </header>
       <div>
         <div class="summary-classic__text p2">

layouts/partials/summary/compact.html

@@ -4,8 +4,7 @@
     <div class="summary-compact__meta">
       <header>
         <h5 class="title h6"><a href='{{ .Permalink }}'> {{ .Title }}</a> </h5>
-        <h6 class="subtitle caption">🕓 {{ .Date.Format (i18n "summary-dateformat") }} {{ if .GitInfo }} &middot 📝 {{ .Lastmod.Format (i18n "summary-dateformat") }} {{ end }} &middot ☕{{ .ReadingTime }} {{ i18n "reading-time" }}
-        </h6>
+        <h6 class="subtitle caption"><span title="written">🕓 {{ .Date.Format (i18n "summary-dateformat") }} </span> {{ if .GitInfo }} <span title="modified"> &middot; 📝 {{ .Lastmod.Format (i18n "summary-dateformat") }} </span> {{ end }} <span title="reading time"> &middot; ☕{{ .ReadingTime }} {{ i18n "reading-time" }}</span></h6>
       </header>
     </div>
   </div>