1
mirror of https://github.com/interstellar750/hexo_s synced 2024-10-19 00:23:51 +08:00
hexo_s/themes/Chic/source/css/_highlight/highlightjs.styl

127 lines
2.1 KiB
Stylus

// Highlight Color
$highlight-deletion = #fdd
$highlight-addition = #dfd
$highlight-background = #f7f7f7
$highlight-current-line = #efefef
$highlight-selection = #d6d6d6
$highlight-foreground = #4d4d4c
$highlight-comment = #8e908c
$highlight-red = #c82829
$highlight-orange = #f5871f
$highlight-yellow = #eab700
$highlight-green = #718c00
$highlight-aqua = #3e999f
$highlight-blue = #4271ae
$highlight-purple = #8959a8
$highlight-gutter = #869194
.post-content {
figure.highlight {
margin: 2em 0;
background: $highlight-background;
color: $highlight-foreground;
font-size: 12px;
overflow: scroll;
overflow-y: hidden;
overflow-x: auto;
.gutter {
color: $hight-gutter;
}
pre {
background: $highlight-background;
margin: 0;
}
}
code {
padding: 2px 4px;
background: $highlight-background;
font-family: Menlo,Monaco,Consolas,Courier New,monospace;
font-size: 12px;
}
pre {
padding: 10px;
overflow: auto;
background: $highlight-background;
font-family: Menlo,Monaco,Consolas,Courier New,monospace;
code {
padding: 0;
}
}
pre .deletion { background: $highlight-deletion; }
pre .addition { background: $highlight-addition; }
pre .meta { color: $highlight-purple; }
pre {
.comment { 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
.command {
color: $highlight-orange;
}
.ruby .class .title
.css .rules .attribute
.string
.value
.inheritance
.header
.ruby .symbol
.xml .cdata
.special
.number
.formula {
color: $highlight-green;
}
.title
.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;
}
}
}