diff --git a/vim/after/syntax/vue.vim b/vim/after/syntax/vue.vim
index f5af28f..4bc2896 100644
--- a/vim/after/syntax/vue.vim
+++ b/vim/after/syntax/vue.vim
@@ -11,6 +11,7 @@ syn match   vueSlot         +\<slot=+he=e-1               containedin=htmlTag,vu
 syn match   vueFor          "\<v-for"                      containedin=htmlTag,vueTag,htmlTagN nextgroup=vueForValue
 syn match   vueRef          "\(^\|\s\)\zs:\?ref"           containedin=htmlTag,vueTag,htmlTagN nextgroup=vueRefValue
 
+syn region vueMustache  start="{{"hs=s+2 end="}}"he=e-2
 syn region vueDirectiveClass      contained start=+class="+hs=s+7 end=+"+he=e-1 contains=vueObjectKey
 syn region vueDirectiveValue      contained start=+="+hs=s+2 end=+"+he=e-1
 " syn region vueDirectiveValue      contained start=+='+hs=s+2 end=+'+he=e-1
@@ -57,3 +58,4 @@ hi def link vueClassesname cssClassName
 hi def link vueObjectKey   cssClassName
 hi def link vueDirectiveClass Noise
 hi def link vueDirectiveClassName vueClassesName
+hi def link vueMustache Identifier
diff --git a/vim/colors/monotonous.vim b/vim/colors/monotonous.vim
index 8ecb918..fd3e650 100644
--- a/vim/colors/monotonous.vim
+++ b/vim/colors/monotonous.vim
@@ -319,21 +319,6 @@ hi! def link vueObjectValue       vueDirectiveValue
 hi! def link vueDirectiveClass    Noise
 ""}}}
 
-"" #python definitions
-""{{{
-" hi! def link pythonImport               mNoise
-" hi! def link pythonInclude              pythonImport
-" hi! def link pythonFunction             Identifier
-hi! def link pythonBuiltin              Type
-hi! def link pythonBuiltinObj           Special
-hi! def link pythonDottedName           Identifier
-hi! def link pythonBrackets             pythonNoise
-hi! def link pythonQuotes               pythonNoise
-hi! def link pythonDot                  pythonNoise
-hi! def link pythonNoise                pythonNoise
-hi! def link pythonExtraOperator        Operator
-""}}}
-
 "" #javaScript definitions
 ""{{{
 "hi! def link jsFunction          mKeyword
@@ -378,6 +363,21 @@ hi! def link jsThis             jsGlobalObjects
 "hi! def link jsFloat            jsNumber 
 ""}}}
 
+"" #python definitions
+""{{{
+" hi! def link pythonImport               mNoise
+" hi! def link pythonInclude              pythonImport
+" hi! def link pythonFunction             Identifier
+hi! def link pythonBuiltin              Type
+hi! def link pythonBuiltinObj           Special
+hi! def link pythonDottedName           Identifier
+hi! def link pythonBrackets             pythonNoise
+hi! def link pythonQuotes               pythonNoise
+hi! def link pythonDot                  pythonNoise
+hi! def link pythonNoise                pythonNoise
+hi! def link pythonExtraOperator        Operator
+""}}}
+
 "" #sql
 "{{{
 hi! def link sqlOperator      Operator
diff --git a/vim/colors/monotonous2.erb b/vim/colors/monotonous2.erb
index b792930..75d58eb 100644
--- a/vim/colors/monotonous2.erb
+++ b/vim/colors/monotonous2.erb
@@ -47,15 +47,16 @@
     colorcolumn = ["#272829", 232, "gray"]
     gray_bg = ["#2a2c2d", 234, "black"]
     gray1 = ["#333535", 237, "black"]
-    gray_deco = ["#474949", 238, "gray"]
-    gray2 = ["#474949", 238, "gray"]
-    gray3 = ["#5c5d5d", 240, "gray"]
-    gray4 = ["#707171", 243, "gray"]
-    gray_fg = ["#767676", 243, "gray"]
-    gray5 = ["#848585", 244, "darkgray"]
-    gray6 = ["#999a9a", 247, "darkgray"]
+    gray_deco = ["#3f3f3f", 238, "gray"]
+    gray2 = ["#494545", 238, "gray"]
+    gray3 = ["#5d5959", 240, "gray"]
+    gray3_pure = ["#5d5d5d", 240, "gray"]
+    gray4 = ["#716c6c", 243, "gray"]
+    gray_fg = ["#767070", 243, "gray"]
+    gray5 = ["#857f7f", 244, "darkgray"]
+    gray6 = ["#9a9393", 247, "darkgray"]
     gray7 = ["#adaeae", 250, "white"]
-    white = ["#eeeeee", 255, "white"]
+    white = ["#eee4e4", 255, "white"]
 
     # need red, green , blue, etc colors for syntax
     grayred0 = ["#373030", 237, "black"]
@@ -79,7 +80,7 @@
 
     grayblue0 = ["#303237", 237, "black"]
     blue1 = ["#5c6191", 17, "darkblue"]
-    blue2 = ["#868d13", 18, "darkblue"]
+    blue2 = ["#6a6f9b", 18, "darkblue"]
     blue3 = ["#7378b4", 19, "darkblue"]
     blue4 = ["#7e84c6", 19, "blue"]
     blue5 = ["#898fcb", 20, "blue"]
@@ -199,17 +200,17 @@
           [ "Folded", "NONE", gray7, "NONE" ],
 
           [ "Statement", "NONE", gray_fg, "NONE" ],
-          [ "Conditional", "NONE", gray6, "bold" ],
+          [ "Conditional", "NONE", gray7, "bold" ],
           [ "Repeat", "NONE", gray6, "bold" ],
           [ "Label", "NONE", gray5, "bold" ],
-          [ "Operator", "NONE", gray3, "bold" ],
+          [ "Operator", "NONE", gray6, "bold" ],
           [ "Keyword", "NONE", gray7, "bold" ],
           [ "Exception", "NONE", grayred3, "bold" ],
 
           [ "PreProc", "NONE", gray2, "bold" ],
           [ "Include", "NONE", gray2, "NONE" ],
 
-          [ "Comment", "NONE", gray3, "italic" ],
+          [ "Comment", "NONE", gray3_pure, "italic" ],
           [ "SpecialComment", "NONE", gray5, "italic"],
           [ "Todo", "NONE", gray6, "italic" ],
 
@@ -278,8 +279,11 @@
 
           [ "EndOfBuffer", gray_bg, gray_bg, "NONE" ],
 
+          [ "Noise", "NONE", gray2, "NONE"],
 
 
+          # tabline, statusline
+
           [ "TabLineNum", gray_deco, gray4, "bold"],
           [ "TabLineNumSel", gray_deco, gray5, "bold"],
 
@@ -335,7 +339,132 @@
           [ "GitGutterDelete", "NONE", red_ui3, "bold"],
           [ "GitGutterChange", "NONE", blue_ui3, "bold"],
           [ "GitGutterAdd", "NONE", green_ui3, "bold"],
-          [ "GitGutterChangeDelete", "NONE", purple_ui3, "bold"]
+          [ "GitGutterChangeDelete", "NONE", purple_ui3, "bold"],
+
+          # css, scss
+
+          [ "cssIdentifier", "NONE", green6, "bold" ],
+          [ "cssClass", "NONE", green5, "NONE" ],
+          [ "cssFunction", "NONE", gray5, "bold" ],
+          [ "cssProp", "NONE", gray4, "NONE" ],
+          [ "scssVariable", "NONE", green7, "bold" ],
+
+          [ "cssAttr", "String"],
+          [ "cssIdentifierAttr",    "Noise" ],
+          [ "cssClassAttr",        "cssIdentifierAttr" ],
+          [ "cssAttrNoise",        "Noise" ],
+          [ "atKeyword",           "PreProc" ],
+          [ "cssIdentifier",       "cssIdentifier" ],
+          [ "cssClassName",        "cssClass" ],
+          [ "cssClassNameDot",     "cssClass" ],
+          [ "cssPseudoClassId",    "cssClassName" ],
+          [ "cssKeyFrameSelector", "Label" ],
+          [ "cssFunctionName",     "cssIdentifier" ],
+          [ "cssBraces",           "Noise" ],
+          [ "cssUnitDecorators", "NONE", gray6, "NONE" ],
+          [ "scssSelector",        "cssClass" ],
+          [ "scssSelectorName",    "scssSelector" ],
+          [ "scssSelectorChar",    "cssIdentifier" ],
+          [ "scssFunctionName",    "cssFunction" ],
+          [ "scssMixin",           "keyword" ],
+          [ "scssMixinName",       "cssFunction" ],
+          [ "scssampersand",       "scssSelectorName" ],
+          [ "scssAtRoot",          "atKeyword" ],
+          [ "vue_scss",            "cssIdentifier" ],
+
+          #html
+
+          ["htmlTagName", "NONE", blue3, "NONE"],
+          ["htmlSpecialTagName", "NONE", blue4, "bold"],
+          ["htmlLink", "NONE", blue7, "underline"],
+
+          [ "htmlNormal",          "Normal" ],
+
+          [ "htmlTitle",              "Title" ],
+          [ "htmlH1",                 "htmlTitle" ],
+          [ "htmlTag",                     "Noise" ],
+          [ "htmlEndTag",                  "htmlTag" ],
+          [ "htmlArg",                     "PreProc" ],
+          [ "htmlValue",                   "String" ],
+          [ "htmlSpecialChar",             "Special" ],
+          [ "htmlPreStmt",            "PreProc" ],
+          [ "htmlPreError",           "Error" ],
+          [ "htmlPreProc",            "PreProc" ],
+          [ "htmlPreAttr",            "String" ],
+          [ "htmlPreProcAttrName",    "PreProc" ],
+          [ "htmlPreProcAttrError",   "Error" ],
+          [ "htmlSpecial",            "Special" ],
+          [ "htmlSpecialChar",        "Special" ],
+          [ "htmlString",             "String" ],
+          [ "htmlStatement",          "Statement" ],
+          [ "htmlComment",            "Comment" ],
+          [ "htmlCommentPart",        "Comment" ],
+          [ "htmlValue",              "String" ],
+          [ "htmlCommentError",       "htmlError" ],
+          [ "htmlTagError",           "htmlError" ],
+          [ "htmlEvent",              "javaScript" ],
+          [ "htmlError",              "Error" ],
+
+          [ "javaScript",             "Special" ],
+          [ "javaScriptExpression",   "javaScript" ],
+          [ "htmlCssStyleComment",    "Comment" ],
+          [ "htmlCssDefinition",      "Special" ],
+
+          [ "htmlImgArg",          "htmlArg" ],
+          [ "htmlSrcValue",        "String" ],
+          [ "htmlSrcsetValue",    "htmlSrcValue" ], 
+          [ "htmlAltValue",        "String" ],
+          [ "htmlDataArg",        "htmlTagName" ],
+          [ "htmlDataValue",      "Constant" ],
+          [ "htmlHrefArg",        "htmlArg" ],
+          [ "htmlHrefValue",      "htmlSrcValue" ],
+
+          # vue
+
+          [ "vueTagSpecial", "NONE", indigo5, "bold" ],
+          [ "vueTagComponentName", "NONE", indigo3, "bold" ],
+          [ "vueDynamicComponent", "NONE", indigo1, "bold" ],
+
+          [ "vueTransitionComponent", "vueDynamicComponent" ],
+          [ "vueTransitionName",  "cssIdentifier" ],
+          [ "vueTransitionMode",  "String" ],
+          [ "vueDirective",       "Identifier" ],
+          [ "vueEvent",           "Function" ],
+          [ "vueConditional",     "Special" ],
+          [ "vueFor",             "vueConditional" ],
+          [ "vueRef",             "vueDirective" ],
+          [ "vueSlot",            "Noise" ],
+
+          [ "vueDirectiveValue",    "Type" ],
+          [ "vueEventValue",        "vueDirectiveValue" ],
+          [ "vueConditionalValue",  "vueDirectiveValue" ],
+          [ "vueForValue",          "vueConditionalValue" ],
+          [ "vueRefValue",          "Constant" ],
+          [ "vueSlotName",          "Constant" ],
+          [ "vueObjectKey",         "cssClass" ],
+          [ "vueObjectValue",       "vueDirectiveValue" ],
+          [ "vueDirectiveClass",    "Noise" ],
+          [ "vueMustache", "Type" ],
+
+          # javascript
+          [ "jsFunctionKey",      "Function" ],
+          [ "jsFuncCall", "NONE", red3, "bold" ],
+          [ "jsFuncCall",         "Identifier" ],
+          [ "jsOperator",         "Operator" ],
+          [ "jsVariableDef",      "Identifier" ],
+          [ "jsGlobalObjects", "NONE", gray6, "bold" ],
+          [ "jsGlobalNodeObjects", "jsGlobalObjects" ],
+          [ "jsExceptions",       "jsGlobalObjects" ],
+          [ "jsBuiltins",         "jsGlobalObjects" ],
+          [ "jsStorageClass",     "Include" ],
+          [ "jsObjectKey", "NONE", red4, "NONE"],
+          [ "jsObjectProp",       "Type" ],
+          [ "jsObjectValue",      "NONE", red1, "NONE" ],
+          [ "jsModuleKeyword",    "Type" ],
+          [ "jsOperatorKeyword",    "Label" ],
+          [ "jsThis",             "jsGlobalObjects" ],
+          [ "jsArrowFunction", "Function" ],
+
     ]
 
     # Step 4: generation
diff --git a/vim/colors/monotonous2.vim b/vim/colors/monotonous2.vim
index 4e434f0..6913cfe 100644
--- a/vim/colors/monotonous2.vim
+++ b/vim/colors/monotonous2.vim
@@ -12,7 +12,7 @@ endif
 let colors_name = "monotonous2"
 
 if ($TERM =~ '256' || &t_Co >= 256) || has("gui_running")
-    hi Normal ctermbg=234 ctermfg=243 cterm=NONE guibg=#2a2c2d guifg=#767676 gui=NONE
+    hi Normal ctermbg=234 ctermfg=243 cterm=NONE guibg=#2a2c2d guifg=#767070 gui=NONE
     set background=dark
     hi Special ctermbg=NONE ctermfg=124 cterm=bold guibg=NONE guifg=#cab0af gui=bold
     hi NonText ctermbg=NONE ctermfg=124 cterm=NONE guibg=NONE guifg=#d1bab9 gui=NONE
@@ -23,45 +23,45 @@ if ($TERM =~ '256' || &t_Co >= 256) || has("gui_running")
     hi StorageClass ctermbg=NONE ctermfg=52 cterm=bold guibg=NONE guifg=#866b6b gui=bold
     hi link Structure StorageClass
     hi link TypeDef StorageClass
-    hi Constant ctermbg=NONE ctermfg=255 cterm=italic guibg=NONE guifg=#eeeeee gui=italic
+    hi Constant ctermbg=NONE ctermfg=255 cterm=italic guibg=NONE guifg=#eee4e4 gui=italic
     hi String ctermbg=NONE ctermfg=250 cterm=italic guibg=NONE guifg=#adaeae gui=italic
     hi link Character String
     hi link Number String
     hi link Boolean String
     hi link Float String
     hi Folded ctermbg=NONE ctermfg=250 cterm=NONE guibg=NONE guifg=#adaeae gui=NONE
-    hi Statement ctermbg=NONE ctermfg=243 cterm=NONE guibg=NONE guifg=#767676 gui=NONE
-    hi Conditional ctermbg=NONE ctermfg=247 cterm=bold guibg=NONE guifg=#999a9a gui=bold
-    hi Repeat ctermbg=NONE ctermfg=247 cterm=bold guibg=NONE guifg=#999a9a gui=bold
-    hi Label ctermbg=NONE ctermfg=244 cterm=bold guibg=NONE guifg=#848585 gui=bold
-    hi Operator ctermbg=NONE ctermfg=240 cterm=bold guibg=NONE guifg=#5c5d5d gui=bold
+    hi Statement ctermbg=NONE ctermfg=243 cterm=NONE guibg=NONE guifg=#767070 gui=NONE
+    hi Conditional ctermbg=NONE ctermfg=250 cterm=bold guibg=NONE guifg=#adaeae gui=bold
+    hi Repeat ctermbg=NONE ctermfg=247 cterm=bold guibg=NONE guifg=#9a9393 gui=bold
+    hi Label ctermbg=NONE ctermfg=244 cterm=bold guibg=NONE guifg=#857f7f gui=bold
+    hi Operator ctermbg=NONE ctermfg=247 cterm=bold guibg=NONE guifg=#9a9393 gui=bold
     hi Keyword ctermbg=NONE ctermfg=250 cterm=bold guibg=NONE guifg=#adaeae gui=bold
     hi Exception ctermbg=NONE ctermfg=52 cterm=bold guibg=NONE guifg=#6b5d5d gui=bold
-    hi PreProc ctermbg=NONE ctermfg=238 cterm=bold guibg=NONE guifg=#474949 gui=bold
-    hi Include ctermbg=NONE ctermfg=238 cterm=NONE guibg=NONE guifg=#474949 gui=NONE
-    hi Comment ctermbg=NONE ctermfg=240 cterm=italic guibg=NONE guifg=#5c5d5d gui=italic
-    hi SpecialComment ctermbg=NONE ctermfg=244 cterm=italic guibg=NONE guifg=#848585 gui=italic
-    hi Todo ctermbg=NONE ctermfg=247 cterm=italic guibg=NONE guifg=#999a9a gui=italic
+    hi PreProc ctermbg=NONE ctermfg=238 cterm=bold guibg=NONE guifg=#494545 gui=bold
+    hi Include ctermbg=NONE ctermfg=238 cterm=NONE guibg=NONE guifg=#494545 gui=NONE
+    hi Comment ctermbg=NONE ctermfg=240 cterm=italic guibg=NONE guifg=#5d5d5d gui=italic
+    hi SpecialComment ctermbg=NONE ctermfg=244 cterm=italic guibg=NONE guifg=#857f7f gui=italic
+    hi Todo ctermbg=NONE ctermfg=247 cterm=italic guibg=NONE guifg=#9a9393 gui=italic
     hi Ignore ctermbg=NONE ctermfg=234 cterm=NONE guibg=NONE guifg=#2a2c2d gui=NONE
     hi Error ctermbg=NONE ctermfg=196 cterm=bold guibg=NONE guifg=#c74444 gui=bold
     hi Underlined ctermbg=NONE ctermfg=NONE cterm=underline guibg=NONE guifg=NONE gui=underline
-    hi StatusLine ctermbg=238 ctermfg=250 cterm=NONE guibg=#474949 guifg=#adaeae gui=NONE
-    hi StatusLineNC ctermbg=238 ctermfg=243 cterm=NONE guibg=#474949 guifg=#707171 gui=NONE
-    hi TabLine ctermbg=238 ctermfg=243 cterm=NONE guibg=#474949 guifg=#707171 gui=NONE
-    hi TabLineFill ctermbg=238 ctermfg=238 cterm=NONE guibg=#474949 guifg=#474949 gui=NONE
-    hi TabLineSel ctermbg=238 ctermfg=250 cterm=NONE guibg=#474949 guifg=#adaeae gui=NONE
-    hi VertSplit ctermbg=234 ctermfg=238 cterm=NONE guibg=#2a2c2d guifg=#474949 gui=NONE
-    hi FoldColumn ctermbg=234 ctermfg=238 cterm=NONE guibg=#2a2c2d guifg=#474949 gui=NONE
+    hi StatusLine ctermbg=238 ctermfg=250 cterm=NONE guibg=#3f3f3f guifg=#adaeae gui=NONE
+    hi StatusLineNC ctermbg=238 ctermfg=243 cterm=NONE guibg=#3f3f3f guifg=#716c6c gui=NONE
+    hi TabLine ctermbg=238 ctermfg=243 cterm=NONE guibg=#3f3f3f guifg=#716c6c gui=NONE
+    hi TabLineFill ctermbg=238 ctermfg=238 cterm=NONE guibg=#3f3f3f guifg=#3f3f3f gui=NONE
+    hi TabLineSel ctermbg=238 ctermfg=250 cterm=NONE guibg=#3f3f3f guifg=#adaeae gui=NONE
+    hi VertSplit ctermbg=234 ctermfg=238 cterm=NONE guibg=#2a2c2d guifg=#3f3f3f gui=NONE
+    hi FoldColumn ctermbg=234 ctermfg=238 cterm=NONE guibg=#2a2c2d guifg=#494545 gui=NONE
     hi ColorColumn ctermbg=232 ctermfg=NONE cterm=NONE guibg=#272829 guifg=NONE gui=NONE
     hi SignColumn ctermbg=234 ctermfg=250 cterm=NONE guibg=#2a2c2d guifg=#adaeae gui=NONE
     hi CursorLine ctermbg=232 ctermfg=NONE cterm=NONE guibg=#272829 guifg=NONE gui=NONE
-    hi Title ctermbg=NONE ctermfg=247 cterm=bold guibg=NONE guifg=#999a9a gui=bold
-    hi LineNr ctermbg=234 ctermfg=240 cterm=NONE guibg=#2a2c2d guifg=#5c5d5d gui=NONE
-    hi CursorLineNr ctermbg=234 ctermfg=244 cterm=NONE guibg=#2a2c2d guifg=#848585 gui=NONE
-    hi Pmenu ctermbg=237 ctermfg=244 cterm=NONE guibg=#333535 guifg=#848585 gui=NONE
+    hi Title ctermbg=NONE ctermfg=247 cterm=bold guibg=NONE guifg=#9a9393 gui=bold
+    hi LineNr ctermbg=234 ctermfg=240 cterm=NONE guibg=#2a2c2d guifg=#5d5959 gui=NONE
+    hi CursorLineNr ctermbg=234 ctermfg=244 cterm=NONE guibg=#2a2c2d guifg=#857f7f gui=NONE
+    hi Pmenu ctermbg=237 ctermfg=244 cterm=NONE guibg=#333535 guifg=#857f7f gui=NONE
     hi PmenuSbar ctermbg=237 ctermfg=237 cterm=NONE guibg=#333535 guifg=#333535 gui=NONE
     hi PmenuSel ctermbg=237 ctermfg=250 cterm=bold guibg=#333535 guifg=#adaeae gui=bold
-    hi PmenuThumb ctermbg=244 ctermfg=244 cterm=NONE guibg=#848585 guifg=#848585 gui=NONE
+    hi PmenuThumb ctermbg=244 ctermfg=244 cterm=NONE guibg=#857f7f guifg=#857f7f gui=NONE
     hi SpecialKey ctermbg=NONE ctermfg=124 cterm=NONE guibg=NONE guifg=#655757 gui=NONE
     hi DiffAdd ctermbg=22 ctermfg=NONE cterm=NONE guibg=#202820 guifg=NONE gui=NONE
     hi DiffChange ctermbg=17 ctermfg=NONE cterm=NONE guibg=#242528 guifg=NONE gui=NONE
@@ -77,42 +77,43 @@ if ($TERM =~ '256' || &t_Co >= 256) || has("gui_running")
     hi SpellCap ctermbg=NONE ctermfg=166 cterm=NONE guibg=NONE guifg=#a67038 gui=NONE guisp=#a67038
     hi SpellLocal ctermbg=NONE ctermfg=247 cterm=NONE guibg=NONE guifg=#797532 gui=NONE guisp=#a67038
     hi SpellRare ctermbg=NONE ctermfg=247 cterm=NONE guibg=NONE guifg=#797532 gui=NONE guisp=#a67038
-    hi WildMenu ctermbg=238 ctermfg=255 cterm=bold guibg=#474949 guifg=#eeeeee gui=bold
+    hi WildMenu ctermbg=238 ctermfg=255 cterm=bold guibg=#3f3f3f guifg=#eee4e4 gui=bold
     hi ErrorMsg ctermbg=NONE ctermfg=196 cterm=bold guibg=NONE guifg=#c74444 gui=bold
-    hi ModeMsg ctermbg=NONE ctermfg=255 cterm=bold guibg=NONE guifg=#eeeeee gui=bold
-    hi MoreMsg ctermbg=NONE ctermfg=255 cterm=NONE guibg=NONE guifg=#eeeeee gui=NONE
+    hi ModeMsg ctermbg=NONE ctermfg=255 cterm=bold guibg=NONE guifg=#eee4e4 gui=bold
+    hi MoreMsg ctermbg=NONE ctermfg=255 cterm=NONE guibg=NONE guifg=#eee4e4 gui=NONE
     hi Question ctermbg=NONE ctermfg=247 cterm=NONE guibg=NONE guifg=#797532 gui=NONE
     hi WarningMsg ctermbg=NONE ctermfg=166 cterm=bold guibg=NONE guifg=#a67038 gui=bold
     hi EndOfBuffer ctermbg=234 ctermfg=234 cterm=NONE guibg=#2a2c2d guifg=#2a2c2d gui=NONE
-    hi TabLineNum ctermbg=238 ctermfg=243 cterm=bold guibg=#474949 guifg=#707171 gui=bold
-    hi TabLineNumSel ctermbg=238 ctermfg=244 cterm=bold guibg=#474949 guifg=#848585 gui=bold
-    hi StatusLineNoise ctermbg=238 ctermfg=240 cterm=NONE guibg=#474949 guifg=#5c5d5d gui=NONE
-    hi StatusLineNoiseActive ctermbg=238 ctermfg=243 cterm=NONE guibg=#474949 guifg=#707171 gui=NONE
-    hi StatusLineBufferNr ctermbg=238 ctermfg=247 cterm=bold guibg=#474949 guifg=#999a9a gui=bold
-    hi StatusLineBufferNrActive ctermbg=238 ctermfg=250 cterm=bold guibg=#474949 guifg=#adaeae gui=bold
-    hi StatusLinePercent ctermbg=238 ctermfg=243 cterm=bold guibg=#474949 guifg=#707171 gui=bold
-    hi StatusLinePercentActive ctermbg=238 ctermfg=247 cterm=bold guibg=#474949 guifg=#999a9a gui=bold
-    hi StatusLineLinecount ctermbg=238 ctermfg=243 cterm=bold guibg=#474949 guifg=#707171 gui=bold
-    hi StatusLineLinecountActive ctermbg=238 ctermfg=244 cterm=bold guibg=#474949 guifg=#848585 gui=bold
-    hi StatusLineDivActive ctermbg=243 ctermfg=243 cterm=NONE guibg=#707171 guifg=#707171 gui=NONE
+    hi Noise ctermbg=NONE ctermfg=238 cterm=NONE guibg=NONE guifg=#494545 gui=NONE
+    hi TabLineNum ctermbg=238 ctermfg=243 cterm=bold guibg=#3f3f3f guifg=#716c6c gui=bold
+    hi TabLineNumSel ctermbg=238 ctermfg=244 cterm=bold guibg=#3f3f3f guifg=#857f7f gui=bold
+    hi StatusLineNoise ctermbg=238 ctermfg=240 cterm=NONE guibg=#3f3f3f guifg=#5d5959 gui=NONE
+    hi StatusLineNoiseActive ctermbg=238 ctermfg=243 cterm=NONE guibg=#3f3f3f guifg=#716c6c gui=NONE
+    hi StatusLineBufferNr ctermbg=238 ctermfg=247 cterm=bold guibg=#3f3f3f guifg=#9a9393 gui=bold
+    hi StatusLineBufferNrActive ctermbg=238 ctermfg=250 cterm=bold guibg=#3f3f3f guifg=#adaeae gui=bold
+    hi StatusLinePercent ctermbg=238 ctermfg=243 cterm=bold guibg=#3f3f3f guifg=#716c6c gui=bold
+    hi StatusLinePercentActive ctermbg=238 ctermfg=247 cterm=bold guibg=#3f3f3f guifg=#9a9393 gui=bold
+    hi StatusLineLinecount ctermbg=238 ctermfg=243 cterm=bold guibg=#3f3f3f guifg=#716c6c gui=bold
+    hi StatusLineLinecountActive ctermbg=238 ctermfg=244 cterm=bold guibg=#3f3f3f guifg=#857f7f gui=bold
+    hi StatusLineDivActive ctermbg=243 ctermfg=243 cterm=NONE guibg=#716c6c guifg=#716c6c gui=NONE
     hi StatusLineDivInput ctermbg=17 ctermfg=17 cterm=NONE guibg=#384046 guifg=#384046 gui=NONE
     hi StatusLineDivMod ctermbg=124 ctermfg=124 cterm=NONE guibg=#655757 guifg=#655757 gui=NONE
     hi StatusLineDivModActive ctermbg=124 ctermfg=124 cterm=NONE guibg=#916c6c guifg=#916c6c gui=NONE
-    hi StatusLineFileInfo ctermbg=NONE ctermfg=243 cterm=italic guibg=NONE guifg=#707171 gui=italic
-    hi StatusLineFile ctermbg=238 ctermfg=247 cterm=italic guibg=#474949 guifg=#999a9a gui=italic
-    hi StatusLineFileActive ctermbg=238 ctermfg=250 cterm=italic guibg=#474949 guifg=#adaeae gui=italic
-    hi StatusLineDir ctermbg=238 ctermfg=243 cterm=italic guibg=#474949 guifg=#707171 gui=italic
-    hi StatusLineDirActive ctermbg=238 ctermfg=243 cterm=italic guibg=#474949 guifg=#707171 gui=italic
-    hi StatusLineExt ctermbg=238 ctermfg=243 cterm=italic guibg=#474949 guifg=#707171 gui=italic
-    hi StatusLineExtActive ctermbg=238 ctermfg=244 cterm=italic guibg=#474949 guifg=#848585 gui=italic
-    hi StatusLineDot ctermbg=238 ctermfg=240 cterm=italic guibg=#474949 guifg=#5c5d5d gui=italic
-    hi StatusLineDotActive ctermbg=238 ctermfg=240 cterm=italic guibg=#474949 guifg=#5c5d5d gui=italic
-    hi StatusLineFileReadOnly ctermbg=238 ctermfg=124 cterm=italic guibg=#474949 guifg=#725454 gui=italic
+    hi StatusLineFileInfo ctermbg=NONE ctermfg=243 cterm=italic guibg=NONE guifg=#716c6c gui=italic
+    hi StatusLineFile ctermbg=238 ctermfg=247 cterm=italic guibg=#3f3f3f guifg=#9a9393 gui=italic
+    hi StatusLineFileActive ctermbg=238 ctermfg=250 cterm=italic guibg=#3f3f3f guifg=#adaeae gui=italic
+    hi StatusLineDir ctermbg=238 ctermfg=243 cterm=italic guibg=#3f3f3f guifg=#716c6c gui=italic
+    hi StatusLineDirActive ctermbg=238 ctermfg=243 cterm=italic guibg=#3f3f3f guifg=#716c6c gui=italic
+    hi StatusLineExt ctermbg=238 ctermfg=243 cterm=italic guibg=#3f3f3f guifg=#716c6c gui=italic
+    hi StatusLineExtActive ctermbg=238 ctermfg=244 cterm=italic guibg=#3f3f3f guifg=#857f7f gui=italic
+    hi StatusLineDot ctermbg=238 ctermfg=240 cterm=italic guibg=#3f3f3f guifg=#5d5959 gui=italic
+    hi StatusLineDotActive ctermbg=238 ctermfg=240 cterm=italic guibg=#3f3f3f guifg=#5d5959 gui=italic
+    hi StatusLineFileReadOnly ctermbg=238 ctermfg=124 cterm=italic guibg=#3f3f3f guifg=#725454 gui=italic
     hi StatusLineFileReadOnlyActive ctermbg=NONE ctermfg=124 cterm=italic guibg=NONE guifg=#725454 gui=italic
-    hi StatusLineWarning ctermbg=238 ctermfg=244 cterm=bold guibg=#474949 guifg=#848585 gui=bold
+    hi StatusLineWarning ctermbg=238 ctermfg=244 cterm=bold guibg=#3f3f3f guifg=#857f7f gui=bold
     hi StatusLineWarningActive ctermbg=NONE ctermfg=124 cterm=bold guibg=NONE guifg=#725454 gui=bold
-    hi LinterDash ctermbg=NONE ctermfg=238 cterm=NONE guibg=NONE guifg=#474949 gui=NONE
-    hi LinterDashActive ctermbg=NONE ctermfg=240 cterm=NONE guibg=NONE guifg=#5c5d5d gui=NONE
+    hi LinterDash ctermbg=NONE ctermfg=238 cterm=NONE guibg=NONE guifg=#494545 gui=NONE
+    hi LinterDashActive ctermbg=NONE ctermfg=240 cterm=NONE guibg=NONE guifg=#5d5959 gui=NONE
     hi LinterError ctermbg=NONE ctermfg=196 cterm=bold guibg=NONE guifg=#6a2e2e gui=bold
     hi LinterErrorActive ctermbg=NONE ctermfg=196 cterm=bold guibg=NONE guifg=#833838 gui=bold
     hi LinterErrorStyle ctermbg=NONE ctermfg=196 cterm=NONE guibg=NONE guifg=#6a2e2e gui=NONE
@@ -127,6 +128,112 @@ if ($TERM =~ '256' || &t_Co >= 256) || has("gui_running")
     hi GitGutterChange ctermbg=NONE ctermfg=19 cterm=bold guibg=NONE guifg=#596171 gui=bold
     hi GitGutterAdd ctermbg=NONE ctermfg=34 cterm=bold guibg=NONE guifg=#496349 gui=bold
     hi GitGutterChangeDelete ctermbg=NONE ctermfg=126 cterm=bold guibg=NONE guifg=#5c4a5a gui=bold
+    hi cssIdentifier ctermbg=NONE ctermfg=34 cterm=bold guibg=NONE guifg=#b1caaf gui=bold
+    hi cssClass ctermbg=NONE ctermfg=28 cterm=NONE guibg=NONE guifg=#a5c4a5 gui=NONE
+    hi cssFunction ctermbg=NONE ctermfg=244 cterm=bold guibg=NONE guifg=#857f7f gui=bold
+    hi cssProp ctermbg=NONE ctermfg=243 cterm=NONE guibg=NONE guifg=#716c6c gui=NONE
+    hi scssVariable ctermbg=NONE ctermfg=34 cterm=bold guibg=NONE guifg=#b9d1bb gui=bold
+    hi link cssAttr String
+    hi link cssIdentifierAttr Noise
+    hi link cssClassAttr cssIdentifierAttr
+    hi link cssAttrNoise Noise
+    hi link atKeyword PreProc
+    hi link cssIdentifier cssIdentifier
+    hi link cssClassName cssClass
+    hi link cssClassNameDot cssClass
+    hi link cssPseudoClassId cssClassName
+    hi link cssKeyFrameSelector Label
+    hi link cssFunctionName cssIdentifier
+    hi link cssBraces Noise
+    hi cssUnitDecorators ctermbg=NONE ctermfg=247 cterm=NONE guibg=NONE guifg=#9a9393 gui=NONE
+    hi link scssSelector cssClass
+    hi link scssSelectorName scssSelector
+    hi link scssSelectorChar cssIdentifier
+    hi link scssFunctionName cssFunction
+    hi link scssMixin keyword
+    hi link scssMixinName cssFunction
+    hi link scssampersand scssSelectorName
+    hi link scssAtRoot atKeyword
+    hi link vue_scss cssIdentifier
+    hi htmlTagName ctermbg=NONE ctermfg=19 cterm=NONE guibg=NONE guifg=#7378b4 gui=NONE
+    hi htmlSpecialTagName ctermbg=NONE ctermfg=19 cterm=bold guibg=NONE guifg=#7e84c6 gui=bold
+    hi htmlLink ctermbg=NONE ctermfg=21 cterm=underline guibg=NONE guifg=#a1a5d5 gui=underline
+    hi link htmlNormal Normal
+    hi link htmlTitle Title
+    hi link htmlH1 htmlTitle
+    hi link htmlTag Noise
+    hi link htmlEndTag htmlTag
+    hi link htmlArg PreProc
+    hi link htmlValue String
+    hi link htmlSpecialChar Special
+    hi link htmlPreStmt PreProc
+    hi link htmlPreError Error
+    hi link htmlPreProc PreProc
+    hi link htmlPreAttr String
+    hi link htmlPreProcAttrName PreProc
+    hi link htmlPreProcAttrError Error
+    hi link htmlSpecial Special
+    hi link htmlSpecialChar Special
+    hi link htmlString String
+    hi link htmlStatement Statement
+    hi link htmlComment Comment
+    hi link htmlCommentPart Comment
+    hi link htmlValue String
+    hi link htmlCommentError htmlError
+    hi link htmlTagError htmlError
+    hi link htmlEvent javaScript
+    hi link htmlError Error
+    hi link javaScript Special
+    hi link javaScriptExpression javaScript
+    hi link htmlCssStyleComment Comment
+    hi link htmlCssDefinition Special
+    hi link htmlImgArg htmlArg
+    hi link htmlSrcValue String
+    hi link htmlSrcsetValue htmlSrcValue
+    hi link htmlAltValue String
+    hi link htmlDataArg htmlTagName
+    hi link htmlDataValue Constant
+    hi link htmlHrefArg htmlArg
+    hi link htmlHrefValue htmlSrcValue
+    hi vueTagSpecial ctermbg=NONE ctermfg=20 cterm=bold guibg=NONE guifg=#a6a5c4 gui=bold
+    hi vueTagComponentName ctermbg=NONE ctermfg=19 cterm=bold guibg=NONE guifg=#8685a7 gui=bold
+    hi vueDynamicComponent ctermbg=NONE ctermfg=17 cterm=bold guibg=NONE guifg=#6c6b86 gui=bold
+    hi link vueTransitionComponent vueDynamicComponent
+    hi link vueTransitionName cssIdentifier
+    hi link vueTransitionMode String
+    hi link vueDirective Identifier
+    hi link vueEvent Function
+    hi link vueConditional Special
+    hi link vueFor vueConditional
+    hi link vueRef vueDirective
+    hi link vueSlot Noise
+    hi link vueDirectiveValue Type
+    hi link vueEventValue vueDirectiveValue
+    hi link vueConditionalValue vueDirectiveValue
+    hi link vueForValue vueConditionalValue
+    hi link vueRefValue Constant
+    hi link vueSlotName Constant
+    hi link vueObjectKey cssClass
+    hi link vueObjectValue vueDirectiveValue
+    hi link vueDirectiveClass Noise
+    hi link vueMustache Type
+    hi link jsFunctionKey Function
+    hi jsFuncCall ctermbg=NONE ctermfg=88 cterm=bold guibg=NONE guifg=#a78685 gui=bold
+    hi link jsFuncCall Identifier
+    hi link jsOperator Operator
+    hi link jsVariableDef Identifier
+    hi jsGlobalObjects ctermbg=NONE ctermfg=247 cterm=bold guibg=NONE guifg=#9a9393 gui=bold
+    hi link jsGlobalNodeObjects jsGlobalObjects
+    hi link jsExceptions jsGlobalObjects
+    hi link jsBuiltins jsGlobalObjects
+    hi link jsStorageClass Include
+    hi jsObjectKey ctermbg=NONE ctermfg=88 cterm=NONE guibg=NONE guifg=#b79392 gui=NONE
+    hi link jsObjectProp Type
+    hi jsObjectValue ctermbg=NONE ctermfg=52 cterm=NONE guibg=NONE guifg=#866b6b gui=NONE
+    hi link jsModuleKeyword Type
+    hi link jsOperatorKeyword Label
+    hi link jsThis jsGlobalObjects
+    hi link jsArrowFunction Function
 elseif &t_Co == 8 || $TERM !~# '^linux' || &t_Co == 16
     set t_Co=16
     hi Normal ctermbg=black ctermfg=gray cterm=NONE
@@ -148,10 +255,10 @@ elseif &t_Co == 8 || $TERM !~# '^linux' || &t_Co == 16
     hi link Float String
     hi Folded ctermbg=NONE ctermfg=white cterm=NONE
     hi Statement ctermbg=NONE ctermfg=gray cterm=NONE
-    hi Conditional ctermbg=NONE ctermfg=darkgray cterm=bold
+    hi Conditional ctermbg=NONE ctermfg=white cterm=bold
     hi Repeat ctermbg=NONE ctermfg=darkgray cterm=bold
     hi Label ctermbg=NONE ctermfg=darkgray cterm=bold
-    hi Operator ctermbg=NONE ctermfg=gray cterm=bold
+    hi Operator ctermbg=NONE ctermfg=darkgray cterm=bold
     hi Keyword ctermbg=NONE ctermfg=white cterm=bold
     hi Exception ctermbg=NONE ctermfg=darkred cterm=bold
     hi PreProc ctermbg=NONE ctermfg=gray cterm=bold
@@ -201,6 +308,7 @@ elseif &t_Co == 8 || $TERM !~# '^linux' || &t_Co == 16
     hi Question ctermbg=NONE ctermfg=darkgray cterm=NONE
     hi WarningMsg ctermbg=NONE ctermfg=yellow cterm=bold
     hi EndOfBuffer ctermbg=black ctermfg=black cterm=NONE
+    hi Noise ctermbg=NONE ctermfg=gray cterm=NONE
     hi TabLineNum ctermbg=gray ctermfg=gray cterm=bold
     hi TabLineNumSel ctermbg=gray ctermfg=darkgray cterm=bold
     hi StatusLineNoise ctermbg=gray ctermfg=gray cterm=NONE
@@ -244,6 +352,112 @@ elseif &t_Co == 8 || $TERM !~# '^linux' || &t_Co == 16
     hi GitGutterChange ctermbg=NONE ctermfg=blue cterm=bold
     hi GitGutterAdd ctermbg=NONE ctermfg=green cterm=bold
     hi GitGutterChangeDelete ctermbg=NONE ctermfg=magenta cterm=bold
+    hi cssIdentifier ctermbg=NONE ctermfg=green cterm=bold
+    hi cssClass ctermbg=NONE ctermfg=green cterm=NONE
+    hi cssFunction ctermbg=NONE ctermfg=darkgray cterm=bold
+    hi cssProp ctermbg=NONE ctermfg=gray cterm=NONE
+    hi scssVariable ctermbg=NONE ctermfg=green cterm=bold
+    hi link cssAttr String
+    hi link cssIdentifierAttr Noise
+    hi link cssClassAttr cssIdentifierAttr
+    hi link cssAttrNoise Noise
+    hi link atKeyword PreProc
+    hi link cssIdentifier cssIdentifier
+    hi link cssClassName cssClass
+    hi link cssClassNameDot cssClass
+    hi link cssPseudoClassId cssClassName
+    hi link cssKeyFrameSelector Label
+    hi link cssFunctionName cssIdentifier
+    hi link cssBraces Noise
+    hi cssUnitDecorators ctermbg=NONE ctermfg=darkgray cterm=NONE
+    hi link scssSelector cssClass
+    hi link scssSelectorName scssSelector
+    hi link scssSelectorChar cssIdentifier
+    hi link scssFunctionName cssFunction
+    hi link scssMixin keyword
+    hi link scssMixinName cssFunction
+    hi link scssampersand scssSelectorName
+    hi link scssAtRoot atKeyword
+    hi link vue_scss cssIdentifier
+    hi htmlTagName ctermbg=NONE ctermfg=darkblue cterm=NONE
+    hi htmlSpecialTagName ctermbg=NONE ctermfg=blue cterm=bold
+    hi htmlLink ctermbg=NONE ctermfg=blue cterm=underline
+    hi link htmlNormal Normal
+    hi link htmlTitle Title
+    hi link htmlH1 htmlTitle
+    hi link htmlTag Noise
+    hi link htmlEndTag htmlTag
+    hi link htmlArg PreProc
+    hi link htmlValue String
+    hi link htmlSpecialChar Special
+    hi link htmlPreStmt PreProc
+    hi link htmlPreError Error
+    hi link htmlPreProc PreProc
+    hi link htmlPreAttr String
+    hi link htmlPreProcAttrName PreProc
+    hi link htmlPreProcAttrError Error
+    hi link htmlSpecial Special
+    hi link htmlSpecialChar Special
+    hi link htmlString String
+    hi link htmlStatement Statement
+    hi link htmlComment Comment
+    hi link htmlCommentPart Comment
+    hi link htmlValue String
+    hi link htmlCommentError htmlError
+    hi link htmlTagError htmlError
+    hi link htmlEvent javaScript
+    hi link htmlError Error
+    hi link javaScript Special
+    hi link javaScriptExpression javaScript
+    hi link htmlCssStyleComment Comment
+    hi link htmlCssDefinition Special
+    hi link htmlImgArg htmlArg
+    hi link htmlSrcValue String
+    hi link htmlSrcsetValue htmlSrcValue
+    hi link htmlAltValue String
+    hi link htmlDataArg htmlTagName
+    hi link htmlDataValue Constant
+    hi link htmlHrefArg htmlArg
+    hi link htmlHrefValue htmlSrcValue
+    hi vueTagSpecial ctermbg=NONE ctermfg=blue cterm=bold
+    hi vueTagComponentName ctermbg=NONE ctermfg=darkblue cterm=bold
+    hi vueDynamicComponent ctermbg=NONE ctermfg=darkblue cterm=bold
+    hi link vueTransitionComponent vueDynamicComponent
+    hi link vueTransitionName cssIdentifier
+    hi link vueTransitionMode String
+    hi link vueDirective Identifier
+    hi link vueEvent Function
+    hi link vueConditional Special
+    hi link vueFor vueConditional
+    hi link vueRef vueDirective
+    hi link vueSlot Noise
+    hi link vueDirectiveValue Type
+    hi link vueEventValue vueDirectiveValue
+    hi link vueConditionalValue vueDirectiveValue
+    hi link vueForValue vueConditionalValue
+    hi link vueRefValue Constant
+    hi link vueSlotName Constant
+    hi link vueObjectKey cssClass
+    hi link vueObjectValue vueDirectiveValue
+    hi link vueDirectiveClass Noise
+    hi link vueMustache Type
+    hi link jsFunctionKey Function
+    hi jsFuncCall ctermbg=NONE ctermfg=darkred cterm=bold
+    hi link jsFuncCall Identifier
+    hi link jsOperator Operator
+    hi link jsVariableDef Identifier
+    hi jsGlobalObjects ctermbg=NONE ctermfg=darkgray cterm=bold
+    hi link jsGlobalNodeObjects jsGlobalObjects
+    hi link jsExceptions jsGlobalObjects
+    hi link jsBuiltins jsGlobalObjects
+    hi link jsStorageClass Include
+    hi jsObjectKey ctermbg=NONE ctermfg=darkred cterm=NONE
+    hi link jsObjectProp Type
+    hi jsObjectValue ctermbg=NONE ctermfg=darkred cterm=NONE
+    hi link jsModuleKeyword Type
+    hi link jsOperatorKeyword Label
+    hi link jsThis jsGlobalObjects
+    hi link jsArrowFunction Function
 endif
 
 augroup cursorlinebg
diff --git a/vimrc b/vimrc
index 1f22332..7ae2a7b 100644
--- a/vimrc
+++ b/vimrc
@@ -870,6 +870,7 @@ set guioptions+=c
 
 set updatetime=100
 set timeoutlen=500
+set lazyredraw
 
 set backupdir=~/.vimtmp
 set directory=~/.vimtmp