add color vylight,update the vimrc and css.vim

colors/vylight.vim

@@ -0,0 +1,81 @@
+"
+" Vim colour file
+"
+" Maintainer:  Vy-Shane Sin Fat <shane@node.mu>
+" Version:     1.4
+"
+" This colour file is meant for GUI use.
+"
+
+set background=light
+hi clear
+if exists("syntax_on")
+    syntax reset
+endif
+let g:colors_name="vylight"
+
+
+hi Normal        guifg=#111111  guibg=white
+hi Title         guifg=black    guibg=white
+hi Cursor                       guibg=#FF7311
+hi LineNr        guifg=#bebebe  guibg=#f8f8f8
+hi Visual                       guibg=#bbddff
+hi NonText       guifg=#fafafa  guibg=#fafafa
+hi StatusLine    guifg=#222222  guibg=#eeeeee  gui=none
+hi StatusLineNC  guifg=#888888  guibg=#eeeeee  gui=none
+hi VertSplit     guifg=#eeeeee  guibg=#eeeeee  gui=none
+hi ModeMsg       guifg=black    guibg=#bbddff  gui=none
+hi ErrorMsg      guifg=black    guibg=#ffbbbb  gui=none
+hi Error         guifg=#bb3355  guibg=white    gui=none
+hi Folded        guifg=#999999  guibg=#fafafa
+
+
+" Vim 7.x specific
+if version >= 700
+  hi MatchParen                 guibg=#ccffdd  gui=none
+  hi Pmenu       guifg=#60656f  guibg=#f0f5ff  gui=none
+  hi PmenuSel    guifg=white    guibg=#3585ef  gui=bold
+  hi PmenuSbar   guifg=#d0d5dd  guibg=#e0e5ee  gui=bold
+  hi PmenuThumb  guifg=#e0e5ee  guibg=#c0c5dd  gui=bold
+  hi Search                     guibg=#fcfcaa  gui=none
+  hi IncSearch                  guibg=#ffff33  gui=bold
+  hi CursorLine                 guibg=#f1faff
+  hi ColorColumn                guibg=#fafafa
+endif
+
+
+" Syntax highlighting 
+hi Comment       guifg=#777777  gui=none
+hi Todo          guifg=#446644  guibg=#ddeecc  gui=italic
+hi Operator      guifg=#1a1a1a  gui=none
+hi Identifier    guifg=#1a1a1a  gui=none
+hi Statement     guifg=#1a1a1a  gui=none
+hi Type          guifg=#0050b0  gui=none
+hi Constant      guifg=#204070  gui=none
+hi Conditional   guifg=#006633  gui=none
+hi Delimiter     guifg=#1a1a1a  gui=none
+hi PreProc       guifg=#006633  gui=none
+hi Special       guifg=#006633  gui=none
+hi Keyword       guifg=#007050  gui=none
+
+hi link Function        Normal
+hi link Character       Constant
+hi link String          Constant
+hi link Boolean         Constant
+hi link Number          Constant
+hi link Float           Number
+hi link Repeat          Conditional
+hi link Label           Statement
+hi link Exception       Statement
+hi link Include         Normal
+hi link Define          PreProc
+hi link Macro           PreProc
+hi link PreCondit       PreProc
+hi link StorageClass    Type
+hi link Structure       Type
+hi link Typedef         Type
+hi link Tag             Special
+hi link SpecialChar     Special
+hi link SpecialComment  Special
+hi link Debug           Special
+

plugin/totd.vim

@@ -149,8 +149,8 @@ fun! s:SetPersistentNumber(name, value)
 endfun
 
 let s:prevDate = 20111111
-let s:prevLine = 22
-let s:vimtipsDate = 20110903
+let s:prevLine = 3
+let s:vimtipsDate = 20111111
 
 let &l:cpo = s:save_cpo
 

syntax/css.vim

@@ -1,19 +1,39 @@
-" Vim syntax file
-" Language:	Cascading Style Sheets
-" Maintainer:	Chris Yip <yesu326@gmail.com>
-" URL:
-" Last Change:	2010/08/06
-" Full CSS2, most of HTML5 & CSS3 (include prefix like -moz)
+" Better CSS Syntax for Vim
+" Language: Cascading Style Sheets
+" Maintainer:   Chris Yip <yesu326@gmail.com>, twitter: @Chris_Ys
+" URL:  http://www.vim.org/scripts/script.php?script_id=3220
+" GIT:  http://github.com/ChrisYis/Better-CSS-Syntax-for-Vim
+" Last Change:  2011/3/1
+" Full CSS2, most of HTML5 & CSS3 properties (include prefix like -moz-) supported
 
 " Quit when a syntax file was already loaded
 if exists("b:current_syntax")
   finish
 endif
 
 syn case ignore
+set iskeyword+=-
+
+syn region cssAtkeyword start=/@\(media\|import\)/ end=/\ze{/ contains=cssAtType, cssAtkey, cssValFn, cssValBlock
+
+syn keyword cssAtType media import contained
+syn keyword cssAtkey all braille embossed handheld print projection screen speech tty tv contained
+
+syn region cssValBlock start=/(/ end=/)/ contained contains=cssAtProps
+
+syn match cssAtProps /[^()]*/ contained contains=cssMediaProp,cssAtValBlock
+syn keyword cssMediaProp grid monochrome orientation scan contained
+syn match cssMediaProp /color\(-index\)\=\ze\s*[:)]/ contained
+syn match cssMediaProp /\(\(device\)-\)\=aspect-ratio\ze\s*[:)]/ contained
+syn match cssMediaProp /\(\(max\|min\)-\)\=device-\(height\|width\)\ze\s*[:)]/ contained
+syn match cssMediaProp /\(\(max\|min\)-\)\=\(height\|width\)\ze\s*[:)]/ contained
+
+syn region cssAtValBlock start=/:\zs/ end=/\ze[)]/ contained contains=cssAttr,cssColor,cssImportant,cssNumber,cssUnits,cssQuote,cssFunction
+
+syn region cssValFn start=/\<url\s*(/ end=/)\ze/ contained contains=cssPathFn
 
 syn match cssTagName /\*/
-syn match cssTagName /\<\(a\|abbr\|acronym\|address\|applet\|area\|article\|aside\|audio\|b\|base\|basefont\|bdo\|big\|blockquote\|body\|br\|button\|canvas\|caption\|center\|cite\|code\|col\|colgroup\|command\|datalist\|dd\|del\|details\|dfn\|dir\|div\|dl\|dt\|em\|embed\|fieldset\|font\|form\|figcaption\|figure\|footer\|frame\|frameset\|h1\|h2\|h3\|h4\|h5\|h6\|head\|header\|hgroup\|hr\|html\|img\|i\|iframe\|img\|input\|ins\|isindex\|kbd\|keygen\|label\|legend\|li\|link\|map\|mark\|menu\|meta\|meter\|nav\|noframes\|noscript\|object\|ol\|optgroup\|option\|output\|p\|param\|pre\|progress\|q\|rp\|rt\|ruby\|s\|samp\|script\|section\|select\|small\|span\|strike\|strong\|style\|sub\|summary\|sup\|table\|tbody\|td\|textarea\|tfoot\|th\|thead\|time\|title\|tr\|tt\|ul\|u\|var\|variant\|video\|xmp\)\>/
+syn keyword cssTagName a abbr acronym address applet area article aside audio b base basefont bdo big blockquote body br button canvas caption center cite code col colgroup command datalist dd del details dfn dir div dl dt em embed fieldset font form figcaption figure footer frame frameset h1 h2 h3 h4 h5 h6 head header hgroup hr html img i iframe img input ins isindex kbd keygen label legend li link map mark menu meta meter nav noframes noscript object ol optgroup option output p param pre progress q rp rt ruby s samp script section select small span strike strong style sub summary sup table tbody td textarea tfoot th thead time title tr tt ul u var variant video xmp
 
 syn match cssClass "\.[A-Za-z][A-Za-z0-9_-]\{0,\}"
 
@@ -23,14 +43,19 @@ syn match cssPrefix /\(-\(webkit\|moz\|o\|ms\)-\)\|filter/
 
 syn match cssNumber /\(-\)\=\(\.\d\+\|\d\+\(\.\d\+\)\{0,\}\)/ contained
 
-syn match cssPseudo /\:\{1,2\}\(link\|visited\|active\|hover\|focus\|before\|after\|left\|right\|root\|empty\|target\|enabled\|disabled\|checked\)\ze[ :,\.#\[\]{]\+/
-syn match cssPseudo /\:\{1,2\}first\-\(letter\|line\|child\)\ze[ :,\.#\[\]{]\+/
-syn match cssPseudo /\:\{1,2\}\(last\|only\)-child\ze[ :,\.#\[\]{]\+/
-syn match cssPseudo /\:\{1,2\}\(first\|last\|only\)-of-type)\ze[ :,\.#\[\]{]\+/
-syn match cssPseudo /\:\{1,2\}nth\(-last\)\{0,1\}-child([N0-9]\{0,\})\ze[ :,\.#\[\]{]\+/
-syn match cssPseudo /\:\{1,2\}nth\(-last\)\{0,1\}-of-type([N0-9]\{0,\})\ze[ :,\.#\[\]{]\+/
-syn match cssPseudo /\:\{1,2\}not([#\.]\{0,\}\S\+)\ze[ :,\.#\[\]{]\+/
-syn match cssPseudo /\:\{1,2\}lang([a-zA-Z]\{2\}\(-[a-zA-Z]\{2\}\)\{0,1\})\ze[ :,\.#\[\]{]\+/
+syn keyword cssPseudo link visited active hover focus left right root empty target enabled disabled checked indeterminate valid invalid required
+syn match cssPseudo /\:first\-\(letter\|line\|child\)\>/
+syn match cssPseudo /\:\{1,2\}first\-\(letter\|line\)\>/
+syn match cssPseudo /\:\(last\|only\)-child\>/
+syn match cssPseudo /\:\(first\|last\|only\)-of-type)\>/
+syn match cssPseudo /\:nth\(-last\)\{0,1\}-child([0-9]*[n]*)/
+syn match cssPseudo /\:nth\(-last\)\{0,1\}-of-type([0-9]*[n]*)/
+syn match cssPseudo /\:not([#\.]\{0,\}\S\+)/
+syn match cssPseudo /\:lang([a-zA-Z]\{2\}\(-[a-zA-Z]\{2\}\)\{0,1\})\>/
+syn match cssPseudo /\:read\-\(only\|write\)\>/
+syn match cssPseudo /\:\{1,2\}\(after\|before\)\>/
+syn match cssPseudo /\:\{2\}selection\>/
+syn match cssPseudo /\:\{2\}value\>/
 
 syn region cssFuncRegion start=/{/ end=/}/ contains=cssPropRegion
 
@@ -80,65 +105,68 @@ syn match cssAttr /\<text-\(top\|bottom\)\>/ contained
 syn match cssAttr /\<pre\(-\(wrap\|line\)\)\=\>/ contained
 syn match cssAttr /\<preserve\(-\(breaks\)\)\=\>/ contained
 
-syn match cssProp /\<\(appearance\|binding\|bottom\|clear\|clip\|color\|columns\|content\|crop\|cursor\|direction\|elevation\|empty-cells\|hanging-punctuation\|height\|hyphens\|icon\|inline-box-align\|left\|letter-spacing\|move-to\|opacity\|orphans\|phonemes\|position\|play-during\|presentation-level\|punctuation-trim\|quotes\|rendering-intent\|resize\|richness\|right\|size\|speech-rate\|stress\|string-set\|tab-size\|table-layout\|top\|unicode-bidi\|vertical-align\|visibility\|volume\|widows\|width\|z-index\|zimuth\)\>\ze\s*:/ contained
-
-syn match cssProp /\<alignment-\(adjust\|baseline\)\>\ze\s*:/ contained
-syn match cssProp /\<animation\(-\(delay\|direction\|duration\|iteration-count\|name\|play-state\|timing-function\)\)\{0,1\}\>\ze\s*:/ contained
-syn match cssProp /\<background\(-\(attachment\|break\|clip\|color\|image\|origin\|position\|repeat\|size\)\)\{0,1\}\>\ze\s*:/ contained
-syn match cssProp /\<baseline-shift\|caption-side\|color-profile\>\ze\s*:/ contained
-syn match cssProp /\<bookmark-\(label\|level\|target\)\>\ze\s*:/ contained
-syn match cssProp /\<border\(-\(bottom\|collapse\|color\|image\|left\|length\|radius\|right\|spacing\|style\|top\|width\)\)\{0,1\}\>\ze\s*:/ contained
-syn match cssProp /\<border\(-\(bottom\|left\|right\|top\)\(-\(color\|style\|wdith\)\)\{0,1\}\)\{0,1\}\>\ze\s*:/ contained
-syn match cssProp /\<border-\(bottom\|top\)-\(left\|right\)-radius\>\ze\s*:/ contained
-syn match cssProp /\<box-\(align\|decoration-break\|direction\|flex\|\(flex\|ordinal\)-group\|lines\|orient\|pack\|shadow\|sizing\)\>\ze\s*:/ contained
-syn match cssProp /\<column\(-\(\break-\(after\|before\)\|count\|fill\|gap\|rule\(-\(color\|style\|width\)\)\{0,1\}\)\|span\|width\)\>\ze\s*:/ contained
-syn match cssProp /\<counter-\(increment\|reset\)\>\ze\s*:/ contained
-syn match cssProp /\<cue\(-\(after\|before\)\)\{0,1\}\>\ze\s*:/ contained
-syn match cssProp /\<display\(-\(model\|role\)\)\{0,1\}\>\ze\s*:/ contained
-syn match cssProp /\<dominant-baseline\>\ze\s*:/ contained
-syn match cssProp /\<drop-initial-\(\(\(after\|before\)-\(adjust\|align\)\)\|size\|value\)\>\ze\s*:/ contained
-syn match cssProp /\<fit\(-position\)\{0,1\}\>\ze\s*:/ contained
-syn match cssProp /\<float\>\(-offset\)\{0,1\}\ze\s*:/ contained
-syn match cssProp /\<font\(-\(family\|size\(-adjust\)\=\|stretch\|style\|variant\|weight\)\)\=\>\ze\s*:/ contained
-syn match cssProp /\<grid-\(columns\|rows\)\>\ze\s*:/ contained
-syn match cssProp /\<hyphenate-\(after\|before\|character\|lines\|resource\)\>\ze\s*:/ contained
-syn match cssProp /\<image-\(orientation\|resolution\)\>\ze\s*:/ contained
-syn match cssProp /\<line-\(height\|stacking\(-\(ruby\|shift\|strategy\)\)\=\)\>\ze\s*:/ contained
-syn match cssProp /\<list-style\(-\(image\|position\|type\)\)\=\>\ze\s*:/ contained
-syn match cssProp /\<\(margin\|padding\)\(-\(bottom\|left\|right\|top\)\)\=\>\ze\s*:/ contained
-syn match cssProp /\<mark\(s\|-\(after\|before\)\)\=\>\ze\s*:/ contained
-syn match cssProp /\<marquee-\(direction\|play-count\|speed\|style\)\>\ze\s*:/ contained
-syn match cssProp /\<\(max\|min\)-\(height\|width\)\>\ze\s*:/ contained
-syn match cssProp /\<nav-\(down\|index\|left\|right\|up\)\>\ze\s*:/ contained
-syn match cssProp /\<outline\(-\(color\|offset\|style\|width\)\)\=\>\ze\s*:/ contained
-syn match cssProp /\<overflow\(-\(style\|x\|y\)\)\=\>\ze\s*:/ contained
-syn match cssProp /\<page\(-\(break-\(after\|before\|inside\)\|policy\)\)\=\>\ze\s*:/ contained
-syn match cssProp /\<pause\(-\(after\|before\)\)\=\>\ze\s*:/ contained
-syn match cssProp /\<pitch\(-range\)\=\>\ze\s*:/ contained
-syn match cssProp /\<rest\(-\(after\|before\)\)\=\>\ze\s*:/ contained
-syn match cssProp /\<rotation\(-point\)\=\>\ze\s*:/ contained
-syn match cssProp /\<ruby-\(align\|overhang\|position\|span\)\>\ze\s*:/ contained
-syn match cssProp /\<speak\(-\(header\|numeral\|punctuation\)\)\=\>\ze\s*:/ contained
-syn match cssProp /\<target\(-\(name\|new\|position\)\)\=\>\ze\s*:/ contained
-syn match cssProp /\<text-\(align\(-last\)\=\|decoration\|emphasis\|height\|indent\|justify\|outline\|replace\|shadow\|transform\|wrap\|overflow\)\>\ze\s*:/ contained
-syn match cssProp /\<transition\(-\(delay\|duration\|property\|timing-function\)\)\=\>\ze\s*:/ contained
-syn match cssProp /\<voice-\(balance\|duration\|family\|pitch\(-range\)\=\|rate\|stress\|volume\)\>\ze\s*:/ contained
-syn match cssProp /\<white-space\(-collapse\)\=\>\ze\s*:/ contained
-syn match cssProp /\<word-\(break\|spacing\|wrap\)\>\ze\s*:/ contained
-
-syn match cssSelector /\[[#\.]\{0,1\}\c[-a-z0-9]\+\([*^$]\{0,1\}=\c[-a-z0-9'"]\+\)\]/
-
-syn match cssUnits /%\|\(cm\|deg\|dpi\|em\|ex|\in\|mm\|pc\|pt\|px\|s\)\>/ contained
+syn match cssProp /\(appearance\|binding\|bottom\|clear\|clip\|color\|columns\|content\|crop\|cursor\|direction\|elevation\|empty-cells\|hanging-punctuation\|height\|hyphens\|icon\|inline-box-align\|left\|letter-spacing\|move-to\|opacity\|orphans\|phonemes\|position\|play-during\|presentation-level\|punctuation-trim\|quotes\|rendering-intent\|resize\|richness\|right\|size\|speech-rate\|stress\|string-set\|tab-size\|table-layout\|top\|unicode-bidi\|vertical-align\|visibility\|volume\|widows\|width\|z-index\|zimuth\)\ze\s*:/ contained
+
+syn match cssProp /\(\<\|\)transform\>\ze\s*:/ contained
+syn match cssProp /\(\<\|\)alignment-\(adjust\|baseline\)\>\ze\s*:/ contained
+syn match cssProp /\(\<\|\)animation\(-\(delay\|direction\|duration\|iteration-count\|name\|play-state\|timing-function\)\)\{0,1\}\>\ze\s*:/ contained
+syn match cssProp /\(\<\|\)background\(-\(attachment\|break\|clip\|color\|image\|origin\|position\|repeat\|size\)\)\{0,1\}\>\ze\s*:/ contained
+syn match cssProp /\(\<\|\)baseline-shift\|caption-side\|color-profile\>\ze\s*:/ contained
+syn match cssProp /\(\<\|\)bookmark-\(label\|level\|target\)\>\ze\s*:/ contained
+syn match cssProp /\(\<\|\)border\(-\(bottom\|collapse\|color\|image\|left\|length\|radius\|right\|spacing\|style\|top\|width\)\)\{0,1\}\>\ze\s*:/ contained
+syn match cssProp /\(\<\|\)border\(-\(bottom\|left\|right\|top\)\(-\(color\|style\|wdith\)\)\{0,1\}\)\{0,1\}\>\ze\s*:/ contained
+syn match cssProp /\(\<\|\)border-\(bottom\|top\)-\(left\|right\)-radius\>\ze\s*:/ contained
+syn match cssProp /\(\<\|\)box-\(align\|decoration-break\|direction\|flex\|\(flex\|ordinal\)-group\|lines\|orient\|pack\|shadow\|sizing\)\>\ze\s*:/ contained
+syn match cssProp /\(\<\|\)column\(-\(\break-\(after\|before\)\|count\|fill\|gap\|rule\(-\(color\|style\|width\)\)\{0,1\}\)\|span\|width\)\>\ze\s*:/ contained
+syn match cssProp /\(\<\|\)counter-\(increment\|reset\)\>\ze\s*:/ contained
+syn match cssProp /\(\<\|\)cue\(-\(after\|before\)\)\{0,1\}\>\ze\s*:/ contained
+syn match cssProp /\(\<\|\)display\(-\(model\|role\)\)\{0,1\}\>\ze\s*:/ contained
+syn match cssProp /\(\<\|\)dominant-baseline\>\ze\s*:/ contained
+syn match cssProp /\(\<\|\)drop-initial-\(\(\(after\|before\)-\(adjust\|align\)\)\|size\|value\)\>\ze\s*:/ contained
+syn match cssProp /\(\<\|\)fit\(-position\)\{0,1\}\>\ze\s*:/ contained
+syn match cssProp /\(\<\|\)float\>\(-offset\)\{0,1\}\ze\s*:/ contained
+syn match cssProp /\(\<\|\)font\(-\(family\|size\(-adjust\)\=\|stretch\|style\|variant\|weight\)\)\=\>\ze\s*:/ contained
+syn match cssProp /\(\<\|\)grid-\(columns\|rows\)\>\ze\s*:/ contained
+syn match cssProp /\(\<\|\)hyphenate-\(after\|before\|character\|lines\|resource\)\>\ze\s*:/ contained
+syn match cssProp /\(\<\|\)image-\(orientation\|resolution\)\>\ze\s*:/ contained
+syn match cssProp /\(\<\|\)line-\(height\|stacking\(-\(ruby\|shift\|strategy\)\)\=\)\>\ze\s*:/ contained
+syn match cssProp /\(\<\|\)list-style\(-\(image\|position\|type\)\)\=\>\ze\s*:/ contained
+syn match cssProp /\(\<\|\)\(margin\|padding\)\(-\(bottom\|left\|right\|top\)\)\=\>\ze\s*:/ contained
+syn match cssProp /\(\<\|\)mark\(s\|-\(after\|before\)\)\=\>\ze\s*:/ contained
+syn match cssProp /\(\<\|\)marquee-\(direction\|play-count\|speed\|style\)\>\ze\s*:/ contained
+syn match cssProp /\(\<\|\)\(max\|min\)-\(height\|width\)\>\ze\s*:/ contained
+syn match cssProp /\(\<\|\)nav-\(down\|index\|left\|right\|up\)\>\ze\s*:/ contained
+syn match cssProp /\(\<\|\)outline\(-\(color\|offset\|style\|width\)\)\=\>\ze\s*:/ contained
+syn match cssProp /\(\<\|\)overflow\(-\(style\|x\|y\)\)\=\>\ze\s*:/ contained
+syn match cssProp /\(\<\|\)page\(-\(break-\(after\|before\|inside\)\|policy\)\)\=\>\ze\s*:/ contained
+syn match cssProp /\(\<\|\)pause\(-\(after\|before\)\)\=\>\ze\s*:/ contained
+syn match cssProp /\(\<\|\)pitch\(-range\)\=\>\ze\s*:/ contained
+syn match cssProp /\(\<\|\)rest\(-\(after\|before\)\)\=\>\ze\s*:/ contained
+syn match cssProp /\(\<\|\)rotation\(-point\)\=\>\ze\s*:/ contained
+syn match cssProp /\(\<\|\)ruby-\(align\|overhang\|position\|span\)\>\ze\s*:/ contained
+syn match cssProp /\(\<\|\)speak\(-\(header\|numeral\|punctuation\)\)\=\>\ze\s*:/ contained
+syn match cssProp /\(\<\|\)target\(-\(name\|new\|position\)\)\=\>\ze\s*:/ contained
+syn match cssProp /\(\<\|\)text-\(align\(-last\)\=\|decoration\|emphasis\|height\|indent\|justify\|outline\|replace\|shadow\|transform\|wrap\|overflow\)\>\ze\s*:/ contained
+syn match cssProp /\(\<\|\)transition\(-\(delay\|duration\|property\|timing-function\)\)\=\>\ze\s*:/ contained
+syn match cssProp /\(\<\|\)voice-\(balance\|duration\|family\|pitch\(-range\)\=\|rate\|stress\|volume\)\>\ze\s*:/ contained
+syn match cssProp /\(\<\|\)white-space\(-collapse\)\=\>\ze\s*:/ contained
+syn match cssProp /\(\<\|\)word-\(break\|spacing\|wrap\)\>\ze\s*:/ contained
+
+syn match cssSelector /\[[#\.]\{0,1\}\c[-a-z0-9]\+\([*^$]\{0,1\}=\c[-a-z0-9_'"]\+\)*\]/
+
+syn match cssUnits /%\|\(cm\|deg\|dpi\|dpcm\|em\|ex|\in\|mm\|pc\|pt\|px\|s\)\ze\s*[,;)}]\=/ contained
 
 syn match cssColor /#\(\x\{6\}\|\x\{3\}\)/ contained
 
 syn match cssImportant /!important\>/ contained
 
 syn region cssComment start=/\/\*/ end=/\*\// contains=@Spell
 
-syn region cssFunction start=/\c[-a-z0-9@]*(/ end=/)/ contained contains=cssFile
+syn region cssFunction start=/\c[-a-z0-9@]*(/ end=/)/ contained contains=cssPathFn,cssAttValFn
+
+syn region cssPathFn start=/\<url\s*(\zs/ end=/\ze)/ contained
 
-syn region cssFile start=/url(\zs/ end=/\ze)/ contained
+syn region cssAttValFn start=/\<\(rotate\|rgba\)\s*(\zs/ end=/\ze)/ contained contains=cssNumber,cssUnits
 
 syn match cssBraket /[{}]/ contained
 
@@ -147,8 +175,19 @@ syn match cssQuote /\('.*'\|".*"\)/ contained
 " Define the default highlighting.
 command -nargs=+ HLink hi def link <args>
 
+HLink cssAtkeyword Constant
+HLink cssAtType Identifier
+HLink cssAtkey Special
+HLink cssMediaProp Type
+HLink cssAtProps Function
+
 HLink cssAttr SpecialKey
 
+HLink cssAttValFn Function
+
+HLink cssValBlock Function
+HLink cssValFn Function
+
 HLink cssAttrBlock Normal
 
 HLink cssBraket Function
@@ -161,9 +200,10 @@ HLink cssComment Comment
 
 HLink cssError ErrorMsg
 
-HLink cssFile Directory
+HLink cssPathFn Directory
 
 HLink cssFunction Function
+HLink cssFnValBlock Function
 
 HLink cssFuncRegion Function
 

vimrc

@@ -280,6 +280,8 @@ if has('syntax')
     " 保证语法高亮
     syntax on
 
+    set background=light
+
     if has('gui_running')
         colorscheme solarized
         let g:colors_name="solarized"