Add Tsu theme

themes/hexo-theme-Tsu/source/styles/highlight.styl

@@ -0,0 +1,162 @@
+// https://github.com/chriskempson/tomorrow-theme
+highlight-background = #2d2d2d
+highlight-current-line = #393939
+highlight-selection = #515151
+highlight-foreground = #555
+highlight-comment = #999999
+highlight-red = #f2777a
+highlight-orange = #f99157
+highlight-yellow = #ffcc66
+highlight-green = #16982B
+highlight-aqua = #66cccc
+highlight-blue = #6699cc
+highlight-purple = #cc99cc
+code-font-size = 14px
+code-background = #34495e
+code-color = #6a7c8e
+
+code, pre {
+  padding: 7px;
+  font-size: code-font-size;
+  font-family: Consolas;
+  background: #f0f0f0;
+}
+code {
+  padding: 3px 5px;
+  border-radius: 4px;
+  color: code-color;
+}
+.highlight {
+  margin: 1em 0;
+  border-radius: 5px;
+  overflow-x: auto;
+  box-shadow: 1px 1px 2px rgba(0,0,0,0.125);
+  position: relative;
+  table {
+    position: relative;
+    max-width: none;
+      &::after {
+      position: absolute;
+      top: 0;
+      right: 0;
+      left: 0;
+      padding: 2px 7px;
+      font-size: code-font-size;
+      font-weight: bold;
+      color: #fefefe;
+      background: #34495e;
+      content: 'Code';
+    }    
+  }
+  figcaption {
+    position: absolute;
+    top: 0;
+    width: 100%;
+    padding: 2px 7px;
+    font-size: code-font-size;
+    font-weight: bold;
+    color:gray,;
+    background: code-background;
+    z-index: 20;
+    overflow-x: hidden;
+    box-sizing: border-box;
+    color: white;
+
+    & > a {
+      position: absolute;
+      right: 0;
+      display: inline-box;
+      margin-right: 7px;
+      font-weight: 400;
+
+      &:hover {
+        text-decoration: none;
+        border: 0;
+      }
+    }
+  }  
+    .code {
+    pre {
+      margin: 0;
+      padding: 40px 10px 10px;
+    }
+  }
+    .code {
+    pre {
+      margin: 0;
+      padding: 40px 10px 10px;
+    }
+  }
+    .gutter {
+    width: 10px;
+    color: $gray;
+
+    pre {
+      margin: 0;
+      padding: 40px 7px 10px;
+    }
+  }
+    .line {
+    // Fix code block null line height and
+    // Synchronous gutter and code line highly.
+    height: round(code-font-size * 1.5);
+  }
+
+    table, tr, td {
+    margin: 0;
+    padding: 0;
+    width: 100.1%;
+    border-collapse: collapse;
+  }
+  
+  }
+
+pre
+  .comment
+  .title
+    color: highlight-comment
+  .variable
+  .attribute
+  .tag
+  .regexp
+  .ruby .constant
+  .xml .tag .title
+  .xml .pi
+  .xml .doctype
+  .html .doctype
+  .css .id
+  .css .class
+  .css .pseudo
+    color: highlight-red
+  .number
+  .preprocessor
+  .built_in
+  .literal
+  .params
+  .constant
+    color: highlight-orange
+  .class
+  .ruby .class .title
+  .css .rules .attribute
+    color: highlight-green
+  .string
+  .value
+  .inheritance
+  .header
+  .ruby .symbol
+  .xml .cdata
+    color: highlight-green
+  .css .hexcolor
+    color: highlight-aqua
+  .function
+  .python .decorator
+  .python .title
+  .ruby .function .title
+  .ruby .title .keyword
+  .perl .sub
+  .javascript .title
+  .coffeescript .title 
+    color: highlight-blue
+  .keyword
+  .javascript .function
+    color: highlight-purple