added theme for syntax-highlighting and sass dependencies

This commit is contained in:
brecert 2019-07-09 21:13:31 -04:00
parent d60c998716
commit 9419b473d6
2 changed files with 65 additions and 0 deletions

View file

@ -39,6 +39,8 @@
"@vue/eslint-plugin": "^4.2.0",
"babel-eslint": "^10.0.2",
"eslint-plugin-vue": "^5.0.0-0",
"node-sass": "^4.12.0",
"sass-loader": "^7.1.0",
"vue-template-compiler": "^2.5.17"
},
"postcss": {

View file

@ -0,0 +1,63 @@
$primary-color: #e0e2e4;
$attribute-color: #d64c5c;
$variable-color: $primary-color;
$string-color: #4cd656;
$comment-color: #7d8c93;
$keyword-color: #e784a2;
$name-color: #e784a2;
$title-color: #85b5c7;
$symbol-color: #fff;
$number-color: #2dd5d5;
$tag-color: #e8e2b7;
$regexp-color: #6b60aa;
.hljs- {
&keyword {
color: $keyword-color;
}
&attribute {
color: $attribute-color;
}
&string {
color: $string-color;
}
&comment {
color: $comment-color;
}
&tag {
color: $tag-color;
}
&name, &built_in {
color: $name-color;
font-weight: bold;
}
&symbol {
color: $symbol-color;
}
&title {
color: $title-color;
}
&number {
color: $number-color;
}
&regexp {
color: $regexp-color;
}
&type, &class, &title {
color: $title-color;
}
&literal, &variable, &template-variable, &tag .hljs-attr {
color: $variable-color;
}
}