Skip to content

Commit

Permalink
style: code highlight 代码高亮
Browse files Browse the repository at this point in the history
Replace Yilia highlight style with
"Hexo\themes\landscape\source\css\_partial\highlight.styl".
  • Loading branch information
MOxFIVE committed Aug 31, 2015
1 parent 5d875ef commit a56ce59
Showing 1 changed file with 156 additions and 147 deletions.
303 changes: 156 additions & 147 deletions themes/Yilia/source/css/_partial/highlight.styl
@@ -1,147 +1,156 @@
// https://github.com/chriskempson/tomorrow-theme

code-bgc = #272822
code-tag = #F92672
code-attr = #A6E22E
code-word = #FFFFFF
code-value = #E6DB74
code-number = #7163D7
code-keyword = #66D9EF
code-comment = #75715E
code-argument = #FD971F

$code-block
background: code-bgc
margin: 10px 0
padding: 10px 10px
overflow: auto
color: #4C4C4C
line-height: font-size * line-height
border-radius: 4px

$line-numbers
color: #666

.article-entry
pre, code
font-family: font-mono
code
background: color-background
padding: 0 0.3em
border: none
pre
@extend $code-block
color: code-word
code
background: none
text-shadow: none
padding: 0
color: code-word
.highlight
@extend $code-block
pre
border: none
margin: 0
padding: 0
table
margin: 0
width: auto
td
border: none
padding: 0
figcaption
clearfix()
font-size: 0.85em
color: highlight-comment
line-height: 1em
margin-bottom: 1em
a
float: right
.gutter pre
@extend $line-numbers
text-align: right
padding-right: 20px
.line
text-shadow: none
.line
font-size: 15px
height: 15px
.gist
margin: 0 article-padding * -1
border-style: solid
border-color: color-border
border-width: 1px 0
background: code-bgc
padding: 15px article-padding 15px 0
.gist-file
border: none
font-family: font-mono
margin: 0
.gist-data
background: none
border: none
.line-numbers
@extend $line-numbers
background: none
border: none
padding: 0 20px 0 0
.line-data
padding: 0 !important
.highlight
margin: 0
padding: 0
border: none
.gist-meta
background: code-bgc
color: highlight-comment
font: 0.85em font-sans
text-shadow: 0 0
padding: 0
margin-top: 1em
margin-left: article-padding
a
color: color-link
font-weight: normal
&:hover
text-decoration: underline

pre
.comment
color: code-comment

.keyword
.function .keyword
.class .params
color: #66D9EF

.tag
.doctype
.params
.function
color: code-word

.css ~ * .tag
.title
.at_rule
.at_rule .keyword
.preprocessor
.preprocessor .keyword
color: code-tag

.attribute
.built_in
.class
.css ~ * .class
.function .title
color: code-attr

.value
.string
color: code-value

.number
color: #7163D7

.id
.css ~ * .id
color: code-argument
// https://github.com/chriskempson/tomorrow-theme
highlight-background = #2d2d2d
highlight-current-line = #393939
highlight-selection = #515151
highlight-foreground = #cccccc
highlight-comment = #999999
highlight-red = #f2777a
highlight-orange = #f99157
highlight-yellow = #ffcc66
highlight-green = #99cc99
highlight-aqua = #66cccc
highlight-blue = #6699cc
highlight-purple = #cc99cc

$code-block
background: highlight-background
margin: 0 article-padding * -1
padding: 15px article-padding
border-style: solid
border-color: color-border
border-width: 1px 0
overflow: auto
color: highlight-foreground
line-height: font-size * line-height

$line-numbers
color: #666
font-size: 0.85em

.article-entry
pre, code
font-family: font-mono
code
background: color-background
text-shadow: 0 1px #fff
padding: 0 0.3em
pre
@extend $code-block
code
background: none
text-shadow: none
padding: 0
.highlight
@extend $code-block
pre
border: none
margin: 0
padding: 0
table
margin: 0
width: auto
td
border: none
padding: 0
figcaption
clearfix()
font-size: 0.85em
color: highlight-comment
line-height: 1em
margin-bottom: 1em
a
float: right
.gutter pre
@extend $line-numbers
text-align: right
padding-right: 20px
.line
height: font-size * line-height
.gist
margin: 0 article-padding * -1
border-style: solid
border-color: color-border
border-width: 1px 0
background: highlight-background
padding: 15px article-padding 15px 0
.gist-file
border: none
font-family: font-mono
margin: 0
.gist-data
background: none
border: none
.line-numbers
@extend $line-numbers
background: none
border: none
padding: 0 20px 0 0
.line-data
padding: 0 !important
.highlight
margin: 0
padding: 0
border: none
.gist-meta
background: highlight-background
color: highlight-comment
font: 0.85em font-sans
text-shadow: 0 0
padding: 0
margin-top: 1em
margin-left: article-padding
a
color: color-link
font-weight: normal
&:hover
text-decoration: underline

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

0 comments on commit a56ce59

Please sign in to comment.