├── .editorconfig ├── README.md ├── after └── syntax │ ├── css │ └── vim-coloresque.vim │ ├── html.vim │ ├── less.vim │ ├── r.vim │ ├── sass.vim │ ├── scss.vim │ ├── stylus.vim │ ├── vim.vim │ └── yaml.vim ├── changelog.md └── screen.png /.editorconfig: -------------------------------------------------------------------------------- 1 | # EditorConfig helps developers define and maintain consistent 2 | # coding styles between different editors and IDEs 3 | # editorconfig.org 4 | 5 | root = true 6 | 7 | [*] 8 | end_of_line = lf 9 | charset = utf-8 10 | trim_trailing_whitespace = true 11 | insert_final_newline = true 12 | indent_style = tab 13 | indent_size = 4 14 | -------------------------------------------------------------------------------- /README.md: -------------------------------------------------------------------------------- 1 | # Coloresque 2 | 3 | ![pic](https://raw.github.com/gorodinskiy/vim-coloresque/master/screen.png) 4 | 5 | color preview for vim. 6 | 7 | ### Overview 8 | 9 | This is merge of [ap vim-css-color](https://github.com/ap/vim-css-color) and [colorizer](https://github.com/lilydjwg/colorizer). 10 | The main goal was to fix cursorline [bug](https://github.com/skammer/vim-css-color/issues/12) and keep named colors(i.e. white, black, aqua). I ended up mixing both plugins plus wrote some stuff, so I decided to leave it as a separate plugin. 11 | 12 | ### Installation 13 | 14 | Via [Vundle](https://github.com/gmarik/vundle): 15 | 16 | ``` 17 | Bundle 'https://github.com/gko/vim-coloresque.git' 18 | ``` 19 | 20 | 21 | Via [Plug](https://github.com/junegunn/vim-plug): 22 | 23 | ``` 24 | Plug 'gko/vim-coloresque' 25 | ``` 26 | 27 | ### Features 28 | 29 | You can still use hsl(a) 30 | 31 | ![Picture](https://coderwall-assets-0.s3.amazonaws.com/uploads/picture/file/1965/hsla.png) 32 | 33 | or multiple colours on same line 34 | 35 | ![Picture](https://coderwall-assets-0.s3.amazonaws.com/uploads/picture/file/1963/cursorline.png) 36 | 37 | and you can use named colors(case insensitive) 38 | 39 | ![Picture](https://coderwall-assets-0.s3.amazonaws.com/uploads/picture/file/1964/letters.png) 40 | -------------------------------------------------------------------------------- /after/syntax/css/vim-coloresque.vim: -------------------------------------------------------------------------------- 1 | " Name: Coloresque 2 | " Language: color preview in vim 3 | " Author: Gorodinskii Konstantin 4 | " Licence: Vim license 5 | " Version: 0.9.5 6 | " based on 7 | " https://github.com/ap/vim-css-color 8 | " https://github.com/lilydjwg/colorizer 9 | " vim:et:ts=2 sw=2 sts=2 10 | 11 | if exists('g:did_coloresque_loaded') || v:version < 800 12 | finish 13 | endif 14 | 15 | let g:did_coloresque_loaded = 1 16 | 17 | let s:hex={} 18 | let b:matchescache = {} 19 | let b:color_pattern = {} 20 | 21 | " set buffer iskeyword 22 | let b:keywords = exists('g:coloresque_keywords') ? g:coloresque_keywords : [] 23 | for keyword in b:keywords 24 | exe printf('setlocal iskeyword+=%s', keyword) 25 | endfor 26 | 27 | let w:colorDictRegExp='' 28 | for i in range(0, 255) 29 | let s:hex[ printf( '%02x', i ) ] = i 30 | endfor 31 | 32 | let s:black = '#000000' 33 | let s:white = '#ffffff' 34 | 35 | function! s:FGForBG(color) 36 | " pick suitable text color given a background color 37 | let color = tolower(a:color) 38 | let r = s:hex[color[0:1]] 39 | let g = s:hex[color[2:3]] 40 | let b = s:hex[color[4:5]] 41 | 42 | return r*30 + g*59 + b*11 > 12000 ? s:black : s:white 43 | endfunction 44 | 45 | let s:color_prefix = 'gui' 46 | let s:fg_color_calc = 'let color = "#" . toupper(a:color)' 47 | 48 | function! s:RestoreColors() 49 | for part in keys(b:color_pattern) 50 | call s:MatchColorValue(b:color_pattern[part], part) 51 | endfor 52 | endfunction 53 | 54 | function! s:MatchColorValue(color, part) 55 | if ! len(a:color) | return | endif 56 | 57 | let group = 'cssColor' . tolower(a:color) 58 | 59 | if !exists('b:color_pattern[a:part]') 60 | exe s:fg_color_calc 61 | exe 'syn cluster cssColors add='.group 62 | exe 'hi' group s:color_prefix.'bg='.color s:color_prefix.'fg='.s:FGForBG(a:color) 63 | let b:color_pattern[a:part] = a:color 64 | endif 65 | 66 | if !exists('b:matchescache') 67 | let b:matchescache = {} 68 | elseif !exists('b:matchescache[a:part]') 69 | let b:matchescache[a:part] = matchadd(group, '\w\@ 204, 100% -> 255, etc. 77 | let rgb = map( [a:r,a:g,a:b], 'v:val =~ "%$" ? ( 255 * v:val ) / 100 : v:val' ) 78 | return printf( '%02x%02x%02x', rgb[0], rgb[1], rgb[2] ) 79 | endfunction 80 | 81 | function! s:HexForHSLValue(h,s,l) 82 | " Convert 80% -> 0.8, 100% -> 1.0, etc. 83 | let [s,l] = map( [a:s, a:l], 'v:val =~ "%$" ? v:val / 100.0 : str2float(v:val)' ) 84 | " algorithm transcoded to vim from http://www.w3.org/TR/css3-color/#hsl-color 85 | let hh = ( a:h % 360 ) / 360.0 86 | let m2 = l <= 0.5 ? l * ( s + 1 ) : l + s - l * s 87 | let m1 = l * 2 - m2 88 | let rgb = [] 89 | for h in [ hh + (1/3.0), hh, hh - (1/3.0) ] 90 | let h = h < 0 ? h + 1 : h > 1 ? h - 1 : h 91 | let v = 92 | \ h * 6 < 1 ? m1 + ( m2 - m1 ) * h * 6 : 93 | \ h * 2 < 1 ? m2 : 94 | \ h * 3 < 2 ? m1 + ( m2 - m1 ) * ( 2/3.0 - h ) * 6 : 95 | \ m1 96 | if v > 1.0 | return '' | endif 97 | let rgb += [ float2nr( 255 * v ) ] 98 | endfor 99 | return printf( '%02x%02x%02x', rgb[0], rgb[1], rgb[2] ) 100 | endfunction 101 | 102 | function! s:ClearMatches() 103 | call clearmatches() 104 | 105 | if !exists('b:matchescache') 106 | return 107 | endif 108 | 109 | unlet b:matchescache 110 | endfunction 111 | 112 | function! s:VimCssInit(update) 113 | if a:update==1 114 | call s:ClearMatches() 115 | endif 116 | 117 | if !exists('b:color_pattern') 118 | let b:color_pattern = {} 119 | return 120 | endif 121 | 122 | if len(keys(b:color_pattern))>0 123 | call s:RestoreColors() 124 | return 125 | endif 126 | 127 | call s:AdditionalColors() 128 | 129 | call s:PreviewCSSColor(join(getline(1,'$'), "\n")) 130 | endfunction 131 | 132 | function! s:AdditionalColors() 133 | " w3c Colors 134 | " plus extra colors 135 | let w:colorDict = { 136 | \ 'black': '#000000', 137 | \ 'red': '#ff0000', 138 | \ 'silver': '#c0c0c0', 139 | \ 'gray': '#808080', 140 | \ 'white': '#ffffff', 141 | \ 'maroon': '#800000', 142 | \ 'purple': '#800080', 143 | \ 'fuchsia': '#ff00ff', 144 | \ 'green': '#008000', 145 | \ 'lime': '#00ff00', 146 | \ 'olive': '#808000', 147 | \ 'yellow': '#ffff00', 148 | \ 'navy': '#000080', 149 | \ 'blue': '#0000ff', 150 | \ 'teal': '#008080', 151 | \ 'aqua': '#00ffff', 152 | \ 'aliceblue': '#f0f8ff', 153 | \ 'antiquewhite': '#faebd7', 154 | \ 'aquamarine': '#7fffd4', 155 | \ 'azure': '#f0ffff', 156 | \ 'beige': '#f5f5dc', 157 | \ 'bisque': '#ffe4c4', 158 | \ 'blanchedalmond': '#ffebcd', 159 | \ 'blueviolet': '#8a2be2', 160 | \ 'brown': '#a52a2a', 161 | \ 'burlywood': '#deb887', 162 | \ 'cadetblue': '#5f9ea0', 163 | \ 'chartreuse': '#7fff00', 164 | \ 'chocolate': '#d2691e', 165 | \ 'coral': '#ff7f50', 166 | \ 'cornflowerblue': '#6495ed', 167 | \ 'cornsilk': '#fff8dc', 168 | \ 'crimson': '#dc143c', 169 | \ 'cyan': '#00ffff', 170 | \ 'darkblue': '#00008b', 171 | \ 'darkcyan': '#008b8b', 172 | \ 'darkgoldenrod': '#b8860b', 173 | \ 'darkgray': '#a9a9a9', 174 | \ 'darkgreen': '#006400', 175 | \ 'darkgrey': '#a9a9a9', 176 | \ 'darkkhaki': '#bdb76b', 177 | \ 'darkmagenta': '#8b008b', 178 | \ 'darkolivegreen': '#556b2f', 179 | \ 'darkorchid': '#9932cc', 180 | \ 'darkred': '#8b0000', 181 | \ 'darksalmon': '#e9967a', 182 | \ 'darkseagreen': '#8fbc8f', 183 | \ 'darkslateblue': '#483d8b', 184 | \ 'darkslategray': '#2f4f4f', 185 | \ 'darkslategrey': '#2f4f4f', 186 | \ 'darkturquoise': '#00ced1', 187 | \ 'darkviolet': '#9400d3', 188 | \ 'darkorange': '#ff8c00', 189 | \ 'deeppink': '#ff1493', 190 | \ 'deepskyblue': '#00bfff', 191 | \ 'dimgray': '#696969', 192 | \ 'dimgrey': '#696969', 193 | \ 'dodgerblue': '#1e90ff', 194 | \ 'firebrick': '#b22222', 195 | \ 'floralwhite': '#fffaf0', 196 | \ 'forestgreen': '#228b22', 197 | \ 'gainsboro': '#dcdcdc', 198 | \ 'ghostwhite': '#f8f8ff', 199 | \ 'gold': '#ffd700', 200 | \ 'goldenrod': '#daa520', 201 | \ 'greenyellow': '#adff2f', 202 | \ 'grey': '#808080', 203 | \ 'honeydew': '#f0fff0', 204 | \ 'hotpink': '#ff69b4', 205 | \ 'indianred': '#cd5c5c', 206 | \ 'indigo': '#4b0082', 207 | \ 'ivory': '#fffff0', 208 | \ 'khaki': '#f0e68c', 209 | \ 'lavender': '#e6e6fa', 210 | \ 'lavenderblush': '#fff0f5', 211 | \ 'lawngreen': '#7cfc00', 212 | \ 'lemonchiffon': '#fffacd', 213 | \ 'lightblue': '#add8e6', 214 | \ 'lightcoral': '#f08080', 215 | \ 'lightcyan': '#e0ffff', 216 | \ 'lightgoldenrodyellow': '#fafad2', 217 | \ 'lightgray': '#d3d3d3', 218 | \ 'lightgreen': '#90ee90', 219 | \ 'lightgrey': '#d3d3d3', 220 | \ 'lightpink': '#ffb6c1', 221 | \ 'lightsalmon': '#ffa07a', 222 | \ 'lightseagreen': '#20b2aa', 223 | \ 'lightskyblue': '#87cefa', 224 | \ 'lightslategray': '#778899', 225 | \ 'lightslategrey': '#778899', 226 | \ 'lightsteelblue': '#b0c4de', 227 | \ 'lightyellow': '#ffffe0', 228 | \ 'limegreen': '#32cd32', 229 | \ 'linen': '#faf0e6', 230 | \ 'magenta': '#ff00ff', 231 | \ 'mediumaquamarine': '#66cdaa', 232 | \ 'mediumblue': '#0000cd', 233 | \ 'mediumorchid': '#ba55d3', 234 | \ 'mediumpurple': '#9370d8', 235 | \ 'mediumseagreen': '#3cb371', 236 | \ 'mediumslateblue': '#7b68ee', 237 | \ 'mediumspringgreen': '#00fa9a', 238 | \ 'mediumturquoise': '#48d1cc', 239 | \ 'mediumvioletred': '#c71585', 240 | \ 'midnightblue': '#191970', 241 | \ 'mintcream': '#f5fffa', 242 | \ 'mistyrose': '#ffe4e1', 243 | \ 'moccasin': '#ffe4b5', 244 | \ 'navajowhite': '#ffdead', 245 | \ 'oldlace': '#fdf5e6', 246 | \ 'olivedrab': '#6b8e23', 247 | \ 'orange': '#ffa500', 248 | \ 'orangered': '#ff4500', 249 | \ 'orchid': '#da70d6', 250 | \ 'palegoldenrod': '#eee8aa', 251 | \ 'palegreen': '#98fb98', 252 | \ 'paleturquoise': '#afeeee', 253 | \ 'palevioletred': '#d87093', 254 | \ 'papayawhip': '#ffefd5', 255 | \ 'peachpuff': '#ffdab9', 256 | \ 'peru': '#cd853f', 257 | \ 'pink': '#ffc0cb', 258 | \ 'plum': '#dda0dd', 259 | \ 'powderblue': '#b0e0e6', 260 | \ 'rosybrown': '#bc8f8f', 261 | \ 'royalblue': '#4169e1', 262 | \ 'saddlebrown': '#8b4513', 263 | \ 'salmon': '#fa8072', 264 | \ 'sandybrown': '#f4a460', 265 | \ 'seagreen': '#2e8b57', 266 | \ 'seashell': '#fff5ee', 267 | \ 'sienna': '#a0522d', 268 | \ 'skyblue': '#87ceeb', 269 | \ 'slateblue': '#6a5acd', 270 | \ 'slategray': '#708090', 271 | \ 'slategrey': '#708090', 272 | \ 'snow': '#fffafa', 273 | \ 'springgreen': '#00ff7f', 274 | \ 'steelblue': '#4682b4', 275 | \ 'tan': '#d2b48c', 276 | \ 'thistle': '#d8bfd8', 277 | \ 'tomato': '#ff6347', 278 | \ 'turquoise': '#40e0d0', 279 | \ 'violet': '#ee82ee', 280 | \ 'wheat': '#f5deb3', 281 | \ 'whitesmoke': '#f5f5f5', 282 | \ 'yellowgreen': '#9acd32' 283 | \ } 284 | 285 | for _color in keys(w:colorDict) 286 | call s:MatchColorValue(strpart(w:colorDict[tolower(_color)], 1), '\<\c'._color.'\>') 287 | endfor 288 | 289 | endfunction 290 | 291 | function! s:ProcessByLine(w) 292 | call s:PreviewCSSColor(getline(a:w)) 293 | endfunction 294 | 295 | function! s:PreviewCSSColor(str) 296 | "if !exists('&w:colorDictRegExp') 297 | "endif 298 | 299 | let line=a:str "getline(a:w) 300 | let colorexps = { 301 | \ 'hex' : '\w\@\|#[0-9A-Fa-f]\{6\}\>', 302 | \ 'rgba' : '\w\@' 331 | else 332 | let part = foundcolor[0] 333 | endif 334 | 335 | if exp ==# 'hex' 336 | if len(foundcolor) == 4 337 | let foundcolor = substitute(foundcolor, '[[:xdigit:]]', '&&', 'g') 338 | endif 339 | call s:MatchColorValue(strpart(foundcolor, 1), part) 340 | elseif exp ==# 'rgba' 341 | "TODO get rid of duplicated variables 342 | call s:MatchColorValue(s:HexForRGBValue(foundcolor[1], foundcolor[2], foundcolor[3]), part) 343 | elseif exp ==# 'hsla' 344 | call s:MatchColorValue(s:HexForHSLValue(foundcolor[1], foundcolor[2], foundcolor[3]), part) 345 | endif 346 | endwhile 347 | endfor 348 | 349 | endfunction 350 | 351 | if has('gui_running') || &t_Co==256 352 | " HACK modify cssDefinition to add @cssColors to its contains 353 | redir => cssdef 354 | silent! syn list cssDefinition 355 | redir END 356 | if len( cssdef ) 357 | for out in split( cssdef, "\n" ) 358 | if out !~# '^cssDefinition ' | continue | endif 359 | let out = substitute( out, ' \+xxx \+', ' ', '' ) 360 | let out = substitute( out, ' contains=\zs', '@cssColors,', '' ) 361 | exe 'syn region' out 362 | endfor 363 | endif 364 | 365 | if !has('gui_running') && !has("termguicolors") 366 | let s:black = 0 367 | let s:white = 15 368 | 369 | let s:color_prefix = 'cterm' 370 | let s:fg_color_calc = 'let color = s:XTermColorForRGB(a:color)' 371 | 372 | " preset 16 vt100 colors 373 | let s:xtermcolor = [ 374 | \ [ 0x00, 0x00, 0x00, 0 ], 375 | \ [ 0xCD, 0x00, 0x00, 1 ], 376 | \ [ 0x00, 0xCD, 0x00, 2 ], 377 | \ [ 0xCD, 0xCD, 0x00, 3 ], 378 | \ [ 0x00, 0x00, 0xEE, 4 ], 379 | \ [ 0xCD, 0x00, 0xCD, 5 ], 380 | \ [ 0x00, 0xCD, 0xCD, 6 ], 381 | \ [ 0xE5, 0xE5, 0xE5, 7 ], 382 | \ [ 0x7F, 0x7F, 0x7F, 8 ], 383 | \ [ 0xFF, 0x00, 0x00, 9 ], 384 | \ [ 0x00, 0xFF, 0x00, 10 ], 385 | \ [ 0xFF, 0xFF, 0x00, 11 ], 386 | \ [ 0x5C, 0x5C, 0xFF, 12 ], 387 | \ [ 0xFF, 0x00, 0xFF, 13 ], 388 | \ [ 0x00, 0xFF, 0xFF, 14 ], 389 | \ [ 0xFF, 0xFF, 0xFF, 15 ]] 390 | 391 | " grayscale ramp 392 | " (value is 8+10*lum for lum in 0..23) 393 | let s:xtermcolor += [ 394 | \ [ 0x08, 0x08, 0x08, 232 ], 395 | \ [ 0x12, 0x12, 0x12, 233 ], 396 | \ [ 0x1C, 0x1C, 0x1C, 234 ], 397 | \ [ 0x26, 0x26, 0x26, 235 ], 398 | \ [ 0x30, 0x30, 0x30, 236 ], 399 | \ [ 0x3A, 0x3A, 0x3A, 237 ], 400 | \ [ 0x44, 0x44, 0x44, 238 ], 401 | \ [ 0x4E, 0x4E, 0x4E, 239 ], 402 | \ [ 0x58, 0x58, 0x58, 240 ], 403 | \ [ 0x62, 0x62, 0x62, 241 ], 404 | \ [ 0x6C, 0x6C, 0x6C, 242 ], 405 | \ [ 0x76, 0x76, 0x76, 243 ], 406 | \ [ 0x80, 0x80, 0x80, 244 ], 407 | \ [ 0x8A, 0x8A, 0x8A, 245 ], 408 | \ [ 0x94, 0x94, 0x94, 246 ], 409 | \ [ 0x9E, 0x9E, 0x9E, 247 ], 410 | \ [ 0xA8, 0xA8, 0xA8, 248 ], 411 | \ [ 0xB2, 0xB2, 0xB2, 249 ], 412 | \ [ 0xBC, 0xBC, 0xBC, 250 ], 413 | \ [ 0xC6, 0xC6, 0xC6, 251 ], 414 | \ [ 0xD0, 0xD0, 0xD0, 252 ], 415 | \ [ 0xDA, 0xDA, 0xDA, 253 ], 416 | \ [ 0xE4, 0xE4, 0xE4, 254 ], 417 | \ [ 0xEE, 0xEE, 0xEE, 255 ]] 418 | 419 | " the 6 values used in the xterm color cube 420 | " 0 95 135 175 215 255 421 | let s:cubergb = [ 0x00, 0x5F, 0x87, 0xAF, 0xD7, 0xFF ] 422 | 423 | " 0..255 mapped to 0..5 based on the color cube values 424 | let s:xvquant = repeat([0],48) 425 | \ + repeat([1],68) 426 | \ + repeat([2],40) 427 | \ + repeat([3],40) 428 | \ + repeat([4],40) 429 | \ + repeat([5],20) 430 | 431 | " tweak the mapping for the exact matches (0 and 1 already correct) 432 | let s:xvquant[s:cubergb[2]] = 2 433 | let s:xvquant[s:cubergb[3]] = 3 434 | let s:xvquant[s:cubergb[4]] = 4 435 | let s:xvquant[s:cubergb[5]] = 5 436 | 437 | " selects the nearest xterm color for a rgb value like #FF0000 438 | function! s:XTermColorForRGB(color) 439 | let best_match=0 440 | let smallest_distance = 10000000000 441 | let color = tolower(a:color) 442 | let r = s:hex[color[0:1]] 443 | let g = s:hex[color[2:3]] 444 | let b = s:hex[color[4:5]] 445 | 446 | let vr = s:xvquant[r] 447 | let vg = s:xvquant[g] 448 | let vb = s:xvquant[b] 449 | let cidx = vr * 36 + vg * 6 + vb + 16 450 | let ccol = [ s:cubergb[vr], s:cubergb[vg], s:cubergb[vb], cidx ] 451 | 452 | for [tr,tg,tb,idx] in [ ccol ] + s:xtermcolor 453 | let dr = tr - r 454 | let dg = tg - g 455 | let db = tb - b 456 | let distance = dr*dr + dg*dg + db*db 457 | if distance == 0 | return idx | endif 458 | if distance > smallest_distance | continue | endif 459 | let smallest_distance = distance 460 | let best_match = idx 461 | endfor 462 | 463 | return best_match 464 | endfunction 465 | endif 466 | 467 | hi cssColor000000 guibg=#000000 guifg=#FFFFFF ctermbg=16 ctermfg=231 | syn cluster cssColors add=cssColor000000 468 | hi cssColor000080 guibg=#000080 guifg=#FFFFFF ctermbg=235 ctermfg=231 | syn cluster cssColors add=cssColor000080 469 | hi cssColor00008b guibg=#00008B guifg=#FFFFFF ctermbg=4 ctermfg=231 | syn cluster cssColors add=cssColor00008b 470 | hi cssColor0000cd guibg=#0000CD guifg=#FFFFFF ctermbg=4 ctermfg=231 | syn cluster cssColors add=cssColor0000cd 471 | hi cssColor0000ff guibg=#0000FF guifg=#FFFFFF ctermbg=4 ctermfg=231 | syn cluster cssColors add=cssColor0000ff 472 | hi cssColor006400 guibg=#006400 guifg=#FFFFFF ctermbg=235 ctermfg=231 | syn cluster cssColors add=cssColor006400 473 | hi cssColor008000 guibg=#008000 guifg=#FFFFFF ctermbg=2 ctermfg=231 | syn cluster cssColors add=cssColor008000 474 | hi cssColor008080 guibg=#008080 guifg=#FFFFFF ctermbg=30 ctermfg=231 | syn cluster cssColors add=cssColor008080 475 | hi cssColor008b8b guibg=#008B8B guifg=#FFFFFF ctermbg=30 ctermfg=231 | syn cluster cssColors add=cssColor008b8b 476 | hi cssColor00bfff guibg=#00BFFF guifg=#000000 ctermbg=6 ctermfg=16 | syn cluster cssColors add=cssColor00bfff 477 | hi cssColor00ced1 guibg=#00CED1 guifg=#000000 ctermbg=6 ctermfg=16 | syn cluster cssColors add=cssColor00ced1 478 | hi cssColor00fa9a guibg=#00FA9A guifg=#000000 ctermbg=6 ctermfg=16 | syn cluster cssColors add=cssColor00fa9a 479 | hi cssColor00ff00 guibg=#00FF00 guifg=#000000 ctermbg=10 ctermfg=16 | syn cluster cssColors add=cssColor00ff00 480 | hi cssColor00ff7f guibg=#00FF7F guifg=#000000 ctermbg=6 ctermfg=16 | syn cluster cssColors add=cssColor00ff7f 481 | hi cssColor00ffff guibg=#00FFFF guifg=#000000 ctermbg=51 ctermfg=16 | syn cluster cssColors add=cssColor00ffff 482 | hi cssColor191970 guibg=#191970 guifg=#FFFFFF ctermbg=237 ctermfg=231 | syn cluster cssColors add=cssColor191970 483 | hi cssColor1e90ff guibg=#1E90FF guifg=#000000 ctermbg=12 ctermfg=16 | syn cluster cssColors add=cssColor1e90ff 484 | hi cssColor20b2aa guibg=#20B2AA guifg=#000000 ctermbg=37 ctermfg=16 | syn cluster cssColors add=cssColor20b2aa 485 | hi cssColor228b22 guibg=#228B22 guifg=#FFFFFF ctermbg=2 ctermfg=231 | syn cluster cssColors add=cssColor228b22 486 | hi cssColor2e8b57 guibg=#2E8B57 guifg=#FFFFFF ctermbg=240 ctermfg=231 | syn cluster cssColors add=cssColor2e8b57 487 | hi cssColor2f4f4f guibg=#2F4F4F guifg=#FFFFFF ctermbg=238 ctermfg=231 | syn cluster cssColors add=cssColor2f4f4f 488 | hi cssColor32cd32 guibg=#32CD32 guifg=#000000 ctermbg=2 ctermfg=16 | syn cluster cssColors add=cssColor32cd32 489 | hi cssColor3cb371 guibg=#3CB371 guifg=#000000 ctermbg=71 ctermfg=16 | syn cluster cssColors add=cssColor3cb371 490 | hi cssColor40e0d0 guibg=#40E0D0 guifg=#000000 ctermbg=80 ctermfg=16 | syn cluster cssColors add=cssColor40e0d0 491 | hi cssColor4169e1 guibg=#4169E1 guifg=#FFFFFF ctermbg=12 ctermfg=231 | syn cluster cssColors add=cssColor4169e1 492 | hi cssColor4682b4 guibg=#4682B4 guifg=#FFFFFF ctermbg=67 ctermfg=231 | syn cluster cssColors add=cssColor4682b4 493 | hi cssColor483d8b guibg=#483D8B guifg=#FFFFFF ctermbg=240 ctermfg=231 | syn cluster cssColors add=cssColor483d8b 494 | hi cssColor48d1cc guibg=#48D1CC guifg=#000000 ctermbg=80 ctermfg=16 | syn cluster cssColors add=cssColor48d1cc 495 | hi cssColor4b0082 guibg=#4B0082 guifg=#FFFFFF ctermbg=238 ctermfg=231 | syn cluster cssColors add=cssColor4b0082 496 | hi cssColor556b2f guibg=#556B2F guifg=#FFFFFF ctermbg=239 ctermfg=231 | syn cluster cssColors add=cssColor556b2f 497 | hi cssColor5f9ea0 guibg=#5F9EA0 guifg=#000000 ctermbg=73 ctermfg=16 | syn cluster cssColors add=cssColor5f9ea0 498 | hi cssColor6495ed guibg=#6495ED guifg=#000000 ctermbg=12 ctermfg=16 | syn cluster cssColors add=cssColor6495ed 499 | hi cssColor66cdaa guibg=#66CDAA guifg=#000000 ctermbg=79 ctermfg=16 | syn cluster cssColors add=cssColor66cdaa 500 | hi cssColor696969 guibg=#696969 guifg=#FFFFFF ctermbg=242 ctermfg=231 | syn cluster cssColors add=cssColor696969 501 | hi cssColor6a5acd guibg=#6A5ACD guifg=#FFFFFF ctermbg=12 ctermfg=231 | syn cluster cssColors add=cssColor6a5acd 502 | hi cssColor6b8e23 guibg=#6B8E23 guifg=#FFFFFF ctermbg=241 ctermfg=231 | syn cluster cssColors add=cssColor6b8e23 503 | hi cssColor708090 guibg=#708090 guifg=#000000 ctermbg=66 ctermfg=16 | syn cluster cssColors add=cssColor708090 504 | hi cssColor778899 guibg=#778899 guifg=#000000 ctermbg=102 ctermfg=16 | syn cluster cssColors add=cssColor778899 505 | hi cssColor7b68ee guibg=#7B68EE guifg=#000000 ctermbg=12 ctermfg=16 | syn cluster cssColors add=cssColor7b68ee 506 | hi cssColor7cfc00 guibg=#7CFC00 guifg=#000000 ctermbg=3 ctermfg=16 | syn cluster cssColors add=cssColor7cfc00 507 | hi cssColor7fff00 guibg=#7FFF00 guifg=#000000 ctermbg=3 ctermfg=16 | syn cluster cssColors add=cssColor7fff00 508 | hi cssColor7fffd4 guibg=#7FFFD4 guifg=#000000 ctermbg=122 ctermfg=16 | syn cluster cssColors add=cssColor7fffd4 509 | hi cssColor800000 guibg=#800000 guifg=#FFFFFF ctermbg=88 ctermfg=231 | syn cluster cssColors add=cssColor800000 510 | hi cssColor800080 guibg=#800080 guifg=#FFFFFF ctermbg=240 ctermfg=231 | syn cluster cssColors add=cssColor800080 511 | hi cssColor808000 guibg=#808000 guifg=#FFFFFF ctermbg=240 ctermfg=231 | syn cluster cssColors add=cssColor808000 512 | hi cssColor808080 guibg=#808080 guifg=#000000 ctermbg=244 ctermfg=16 | syn cluster cssColors add=cssColor808080 513 | hi cssColor87ceeb guibg=#87CEEB guifg=#000000 ctermbg=117 ctermfg=16 | syn cluster cssColors add=cssColor87ceeb 514 | hi cssColor87cefa guibg=#87CEFA guifg=#000000 ctermbg=117 ctermfg=16 | syn cluster cssColors add=cssColor87cefa 515 | hi cssColor8a2be2 guibg=#8A2BE2 guifg=#FFFFFF ctermbg=12 ctermfg=231 | syn cluster cssColors add=cssColor8a2be2 516 | hi cssColor8b0000 guibg=#8B0000 guifg=#FFFFFF ctermbg=88 ctermfg=231 | syn cluster cssColors add=cssColor8b0000 517 | hi cssColor8b008b guibg=#8B008B guifg=#FFFFFF ctermbg=5 ctermfg=231 | syn cluster cssColors add=cssColor8b008b 518 | hi cssColor8b4513 guibg=#8B4513 guifg=#FFFFFF ctermbg=94 ctermfg=231 | syn cluster cssColors add=cssColor8b4513 519 | hi cssColor8fbc8f guibg=#8FBC8F guifg=#000000 ctermbg=108 ctermfg=16 | syn cluster cssColors add=cssColor8fbc8f 520 | hi cssColor90ee90 guibg=#90EE90 guifg=#000000 ctermbg=249 ctermfg=16 | syn cluster cssColors add=cssColor90ee90 521 | hi cssColor9370d8 guibg=#9370D8 guifg=#000000 ctermbg=12 ctermfg=16 | syn cluster cssColors add=cssColor9370d8 522 | hi cssColor9400d3 guibg=#9400D3 guifg=#FFFFFF ctermbg=5 ctermfg=231 | syn cluster cssColors add=cssColor9400d3 523 | hi cssColor98fb98 guibg=#98FB98 guifg=#000000 ctermbg=250 ctermfg=16 | syn cluster cssColors add=cssColor98fb98 524 | hi cssColor9932cc guibg=#9932CC guifg=#FFFFFF ctermbg=5 ctermfg=231 | syn cluster cssColors add=cssColor9932cc 525 | hi cssColor9acd32 guibg=#9ACD32 guifg=#000000 ctermbg=3 ctermfg=16 | syn cluster cssColors add=cssColor9acd32 526 | hi cssColora0522d guibg=#A0522D guifg=#FFFFFF ctermbg=130 ctermfg=231 | syn cluster cssColors add=cssColora0522d 527 | hi cssColora52a2a guibg=#A52A2A guifg=#FFFFFF ctermbg=124 ctermfg=231 | syn cluster cssColors add=cssColora52a2a 528 | hi cssColora9a9a9 guibg=#A9A9A9 guifg=#000000 ctermbg=248 ctermfg=16 | syn cluster cssColors add=cssColora9a9a9 529 | hi cssColoradd8e6 guibg=#ADD8E6 guifg=#000000 ctermbg=152 ctermfg=16 | syn cluster cssColors add=cssColoradd8e6 530 | hi cssColoradff2f guibg=#ADFF2F guifg=#000000 ctermbg=3 ctermfg=16 | syn cluster cssColors add=cssColoradff2f 531 | hi cssColorafeeee guibg=#AFEEEE guifg=#000000 ctermbg=159 ctermfg=16 | syn cluster cssColors add=cssColorafeeee 532 | hi cssColorb0c4de guibg=#B0C4DE guifg=#000000 ctermbg=152 ctermfg=16 | syn cluster cssColors add=cssColorb0c4de 533 | hi cssColorb0e0e6 guibg=#B0E0E6 guifg=#000000 ctermbg=152 ctermfg=16 | syn cluster cssColors add=cssColorb0e0e6 534 | hi cssColorb22222 guibg=#B22222 guifg=#FFFFFF ctermbg=124 ctermfg=231 | syn cluster cssColors add=cssColorb22222 535 | hi cssColorb8860b guibg=#B8860B guifg=#000000 ctermbg=3 ctermfg=16 | syn cluster cssColors add=cssColorb8860b 536 | hi cssColorba55d3 guibg=#BA55D3 guifg=#000000 ctermbg=5 ctermfg=16 | syn cluster cssColors add=cssColorba55d3 537 | hi cssColorbc8f8f guibg=#BC8F8F guifg=#000000 ctermbg=138 ctermfg=16 | syn cluster cssColors add=cssColorbc8f8f 538 | hi cssColorbdb76b guibg=#BDB76B guifg=#000000 ctermbg=247 ctermfg=16 | syn cluster cssColors add=cssColorbdb76b 539 | hi cssColorc0c0c0 guibg=#C0C0C0 guifg=#000000 ctermbg=250 ctermfg=16 | syn cluster cssColors add=cssColorc0c0c0 540 | hi cssColorc71585 guibg=#C71585 guifg=#FFFFFF ctermbg=5 ctermfg=231 | syn cluster cssColors add=cssColorc71585 541 | hi cssColorcd5c5c guibg=#CD5C5C guifg=#000000 ctermbg=167 ctermfg=16 | syn cluster cssColors add=cssColorcd5c5c 542 | hi cssColorcd853f guibg=#CD853F guifg=#000000 ctermbg=173 ctermfg=16 | syn cluster cssColors add=cssColorcd853f 543 | hi cssColord2691e guibg=#D2691E guifg=#000000 ctermbg=166 ctermfg=16 | syn cluster cssColors add=cssColord2691e 544 | hi cssColord2b48c guibg=#D2B48C guifg=#000000 ctermbg=180 ctermfg=16 | syn cluster cssColors add=cssColord2b48c 545 | hi cssColord3d3d3 guibg=#D3D3D3 guifg=#000000 ctermbg=252 ctermfg=16 | syn cluster cssColors add=cssColord3d3d3 546 | hi cssColord87093 guibg=#D87093 guifg=#000000 ctermbg=168 ctermfg=16 | syn cluster cssColors add=cssColord87093 547 | hi cssColord8bfd8 guibg=#D8BFD8 guifg=#000000 ctermbg=252 ctermfg=16 | syn cluster cssColors add=cssColord8bfd8 548 | hi cssColorda70d6 guibg=#DA70D6 guifg=#000000 ctermbg=249 ctermfg=16 | syn cluster cssColors add=cssColorda70d6 549 | hi cssColordaa520 guibg=#DAA520 guifg=#000000 ctermbg=3 ctermfg=16 | syn cluster cssColors add=cssColordaa520 550 | hi cssColordc143c guibg=#DC143C guifg=#FFFFFF ctermbg=161 ctermfg=231 | syn cluster cssColors add=cssColordc143c 551 | hi cssColordcdcdc guibg=#DCDCDC guifg=#000000 ctermbg=253 ctermfg=16 | syn cluster cssColors add=cssColordcdcdc 552 | hi cssColordda0dd guibg=#DDA0DD guifg=#000000 ctermbg=182 ctermfg=16 | syn cluster cssColors add=cssColordda0dd 553 | hi cssColordeb887 guibg=#DEB887 guifg=#000000 ctermbg=180 ctermfg=16 | syn cluster cssColors add=cssColordeb887 554 | hi cssColore0ffff guibg=#E0FFFF guifg=#000000 ctermbg=195 ctermfg=16 | syn cluster cssColors add=cssColore0ffff 555 | hi cssColore6e6fa guibg=#E6E6FA guifg=#000000 ctermbg=255 ctermfg=16 | syn cluster cssColors add=cssColore6e6fa 556 | hi cssColore9967a guibg=#E9967A guifg=#000000 ctermbg=174 ctermfg=16 | syn cluster cssColors add=cssColore9967a 557 | hi cssColoree82ee guibg=#EE82EE guifg=#000000 ctermbg=251 ctermfg=16 | syn cluster cssColors add=cssColoree82ee 558 | hi cssColoreee8aa guibg=#EEE8AA guifg=#000000 ctermbg=223 ctermfg=16 | syn cluster cssColors add=cssColoreee8aa 559 | hi cssColorf08080 guibg=#F08080 guifg=#000000 ctermbg=210 ctermfg=16 | syn cluster cssColors add=cssColorf08080 560 | hi cssColorf0e68c guibg=#F0E68C guifg=#000000 ctermbg=222 ctermfg=16 | syn cluster cssColors add=cssColorf0e68c 561 | hi cssColorf0f8ff guibg=#F0F8FF guifg=#000000 ctermbg=15 ctermfg=16 | syn cluster cssColors add=cssColorf0f8ff 562 | hi cssColorf0fff0 guibg=#F0FFF0 guifg=#000000 ctermbg=255 ctermfg=16 | syn cluster cssColors add=cssColorf0fff0 563 | hi cssColorf0ffff guibg=#F0FFFF guifg=#000000 ctermbg=15 ctermfg=16 | syn cluster cssColors add=cssColorf0ffff 564 | hi cssColorf4a460 guibg=#F4A460 guifg=#000000 ctermbg=215 ctermfg=16 | syn cluster cssColors add=cssColorf4a460 565 | hi cssColorf5deb3 guibg=#F5DEB3 guifg=#000000 ctermbg=223 ctermfg=16 | syn cluster cssColors add=cssColorf5deb3 566 | hi cssColorf5f5dc guibg=#F5F5DC guifg=#000000 ctermbg=255 ctermfg=16 | syn cluster cssColors add=cssColorf5f5dc 567 | hi cssColorf5f5f5 guibg=#F5F5F5 guifg=#000000 ctermbg=255 ctermfg=16 | syn cluster cssColors add=cssColorf5f5f5 568 | hi cssColorf5fffa guibg=#F5FFFA guifg=#000000 ctermbg=15 ctermfg=16 | syn cluster cssColors add=cssColorf5fffa 569 | hi cssColorf8f8ff guibg=#F8F8FF guifg=#000000 ctermbg=15 ctermfg=16 | syn cluster cssColors add=cssColorf8f8ff 570 | hi cssColorfa8072 guibg=#FA8072 guifg=#000000 ctermbg=209 ctermfg=16 | syn cluster cssColors add=cssColorfa8072 571 | hi cssColorfaebd7 guibg=#FAEBD7 guifg=#000000 ctermbg=7 ctermfg=16 | syn cluster cssColors add=cssColorfaebd7 572 | hi cssColorfaf0e6 guibg=#FAF0E6 guifg=#000000 ctermbg=255 ctermfg=16 | syn cluster cssColors add=cssColorfaf0e6 573 | hi cssColorfafad2 guibg=#FAFAD2 guifg=#000000 ctermbg=255 ctermfg=16 | syn cluster cssColors add=cssColorfafad2 574 | hi cssColorfdf5e6 guibg=#FDF5E6 guifg=#000000 ctermbg=255 ctermfg=16 | syn cluster cssColors add=cssColorfdf5e6 575 | hi cssColorff0000 guibg=#FF0000 guifg=#FFFFFF ctermbg=196 ctermfg=231 | syn cluster cssColors add=cssColorff0000 576 | hi cssColorff00ff guibg=#FF00FF guifg=#FFFFFF ctermbg=13 ctermfg=231 | syn cluster cssColors add=cssColorff00ff 577 | hi cssColorff1493 guibg=#FF1493 guifg=#FFFFFF ctermbg=5 ctermfg=231 | syn cluster cssColors add=cssColorff1493 578 | hi cssColorff4500 guibg=#FF4500 guifg=#FFFFFF ctermbg=9 ctermfg=231 | syn cluster cssColors add=cssColorff4500 579 | hi cssColorff6347 guibg=#FF6347 guifg=#000000 ctermbg=203 ctermfg=16 | syn cluster cssColors add=cssColorff6347 580 | hi cssColorff69b4 guibg=#FF69B4 guifg=#000000 ctermbg=205 ctermfg=16 | syn cluster cssColors add=cssColorff69b4 581 | hi cssColorff7f50 guibg=#FF7F50 guifg=#000000 ctermbg=209 ctermfg=16 | syn cluster cssColors add=cssColorff7f50 582 | hi cssColorff8c00 guibg=#FF8C00 guifg=#000000 ctermbg=3 ctermfg=16 | syn cluster cssColors add=cssColorff8c00 583 | hi cssColorffa07a guibg=#FFA07A guifg=#000000 ctermbg=216 ctermfg=16 | syn cluster cssColors add=cssColorffa07a 584 | hi cssColorffa500 guibg=#FFA500 guifg=#000000 ctermbg=3 ctermfg=16 | syn cluster cssColors add=cssColorffa500 585 | hi cssColorffb6c1 guibg=#FFB6C1 guifg=#000000 ctermbg=217 ctermfg=16 | syn cluster cssColors add=cssColorffb6c1 586 | hi cssColorffc0cb guibg=#FFC0CB guifg=#000000 ctermbg=218 ctermfg=16 | syn cluster cssColors add=cssColorffc0cb 587 | hi cssColorffd700 guibg=#FFD700 guifg=#000000 ctermbg=11 ctermfg=16 | syn cluster cssColors add=cssColorffd700 588 | hi cssColorffdab9 guibg=#FFDAB9 guifg=#000000 ctermbg=223 ctermfg=16 | syn cluster cssColors add=cssColorffdab9 589 | hi cssColorffdead guibg=#FFDEAD guifg=#000000 ctermbg=223 ctermfg=16 | syn cluster cssColors add=cssColorffdead 590 | hi cssColorffe4b5 guibg=#FFE4B5 guifg=#000000 ctermbg=223 ctermfg=16 | syn cluster cssColors add=cssColorffe4b5 591 | hi cssColorffe4c4 guibg=#FFE4C4 guifg=#000000 ctermbg=224 ctermfg=16 | syn cluster cssColors add=cssColorffe4c4 592 | hi cssColorffe4e1 guibg=#FFE4E1 guifg=#000000 ctermbg=224 ctermfg=16 | syn cluster cssColors add=cssColorffe4e1 593 | hi cssColorffebcd guibg=#FFEBCD guifg=#000000 ctermbg=7 ctermfg=16 | syn cluster cssColors add=cssColorffebcd 594 | hi cssColorffefd5 guibg=#FFEFD5 guifg=#000000 ctermbg=255 ctermfg=16 | syn cluster cssColors add=cssColorffefd5 595 | hi cssColorfff0f5 guibg=#FFF0F5 guifg=#000000 ctermbg=15 ctermfg=16 | syn cluster cssColors add=cssColorfff0f5 596 | hi cssColorfff5ee guibg=#FFF5EE guifg=#000000 ctermbg=255 ctermfg=16 | syn cluster cssColors add=cssColorfff5ee 597 | hi cssColorfff8dc guibg=#FFF8DC guifg=#000000 ctermbg=255 ctermfg=16 | syn cluster cssColors add=cssColorfff8dc 598 | hi cssColorfffacd guibg=#FFFACD guifg=#000000 ctermbg=255 ctermfg=16 | syn cluster cssColors add=cssColorfffacd 599 | hi cssColorfffaf0 guibg=#FFFAF0 guifg=#000000 ctermbg=15 ctermfg=16 | syn cluster cssColors add=cssColorfffaf0 600 | hi cssColorfffafa guibg=#FFFAFA guifg=#000000 ctermbg=15 ctermfg=16 | syn cluster cssColors add=cssColorfffafa 601 | hi cssColorffff00 guibg=#FFFF00 guifg=#000000 ctermbg=11 ctermfg=16 | syn cluster cssColors add=cssColorffff00 602 | hi cssColorffffe0 guibg=#FFFFE0 guifg=#000000 ctermbg=255 ctermfg=16 | syn cluster cssColors add=cssColorffffe0 603 | hi cssColorfffff0 guibg=#FFFFF0 guifg=#000000 ctermbg=15 ctermfg=16 | syn cluster cssColors add=cssColorfffff0 604 | hi cssColorffffff guibg=#FFFFFF guifg=#000000 ctermbg=231 ctermfg=16 | syn cluster cssColors add=cssColorffffff 605 | 606 | augroup coloresque 607 | au! 608 | autocmd CursorMovedI silent call s:ProcessByLine('.') 609 | autocmd ColorScheme silent call s:VimCssInit(1) 610 | autocmd BufEnter silent call s:VimCssInit(1) 611 | augroup END 612 | endif 613 | -------------------------------------------------------------------------------- /after/syntax/html.vim: -------------------------------------------------------------------------------- 1 | syn include syntax/css/vim-coloresque.vim 2 | -------------------------------------------------------------------------------- /after/syntax/less.vim: -------------------------------------------------------------------------------- 1 | syn include syntax/css/vim-coloresque.vim 2 | -------------------------------------------------------------------------------- /after/syntax/r.vim: -------------------------------------------------------------------------------- 1 | syn include syntax/css/vim-coloresque.vim -------------------------------------------------------------------------------- /after/syntax/sass.vim: -------------------------------------------------------------------------------- 1 | syn include syntax/css/vim-coloresque.vim 2 | -------------------------------------------------------------------------------- /after/syntax/scss.vim: -------------------------------------------------------------------------------- 1 | syn include syntax/css/vim-coloresque.vim 2 | -------------------------------------------------------------------------------- /after/syntax/stylus.vim: -------------------------------------------------------------------------------- 1 | syn include syntax/css/vim-coloresque.vim 2 | -------------------------------------------------------------------------------- /after/syntax/vim.vim: -------------------------------------------------------------------------------- 1 | syn include syntax/css/vim-coloresque.vim 2 | -------------------------------------------------------------------------------- /after/syntax/yaml.vim: -------------------------------------------------------------------------------- 1 | syn include syntax/css/vim-coloresque.vim 2 | -------------------------------------------------------------------------------- /changelog.md: -------------------------------------------------------------------------------- 1 | ### 0.9.3 2 | 3 | - got rid of slow named color regular expression to speed things up 4 | - fixed the issue of plugin being slow when switching buffers(issue #13) 5 | 6 | ### 0.9.1 7 | 8 | - fixed bug #7 "Do not trigger on CSS property names" 9 | - fixed bug #11 "hlsearch colors hidden by coloresque colors" 10 | - merged hex and hex3 handlers 11 | -------------------------------------------------------------------------------- /screen.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/gko/vim-coloresque/e12a5007068e74c8ffe5b1da91c25989de9c2081/screen.png --------------------------------------------------------------------------------