-
Notifications
You must be signed in to change notification settings - Fork 80
Expand file tree
/
Copy pathcss_color.vim
More file actions
331 lines (282 loc) · 10.6 KB
/
css_color.vim
File metadata and controls
331 lines (282 loc) · 10.6 KB
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
184
185
186
187
188
189
190
191
192
193
194
195
196
197
198
199
200
201
202
203
204
205
206
207
208
209
210
211
212
213
214
215
216
217
218
219
220
221
222
223
224
225
226
227
228
229
230
231
232
233
234
235
236
237
238
239
240
241
242
243
244
245
246
247
248
249
250
251
252
253
254
255
256
257
258
259
260
261
262
263
264
265
266
267
268
269
270
271
272
273
274
275
276
277
278
279
280
281
282
283
284
285
286
287
288
289
290
291
292
293
294
295
296
297
298
299
300
301
302
303
304
305
306
307
308
309
310
311
312
313
314
315
316
317
318
319
320
321
322
323
324
325
326
327
328
329
330
331
" Language: Colorful CSS Color Preview
" Author: Aristotle Pagaltzis <pagaltzis@gmx.de>
" Commit: $Format:%H$
" Licence: The MIT License (MIT)
if ! ( v:version >= 700 && has('syntax') && (
\ has('gui_running') ||
\ has('nvim') ||
\ (has('termguicolors') && &termguicolors) ||
\ &t_Co >= 256
\ ) )
function! css_color#init(type, keywords, groups)
endfunction
function! css_color#extend(groups)
endfunction
function! css_color#disabled()
return v:true
endfunction
finish
endif
function! css_color#disabled()
return v:false
endfunction
function! s:rgb2color(r,g,b)
" Convert 80% -> 204, 100% -> 255, etc.
let rgb = map( [a:r,a:g,a:b], 'v:val =~ "%$" ? ( 255 * v:val ) / 100 : v:val' )
return printf( '%02x%02x%02x', rgb[0], rgb[1], rgb[2] )
endfunction
function! s:hsl2color(h,s,l)
" Convert 80% -> 0.8, 100% -> 1.0, etc.
let [s,l] = map( [a:s, a:l], 'v:val =~ "%$" ? v:val / 100.0 : v:val + 0.0' )
" algorithm transcoded to vim from http://www.w3.org/TR/css3-color/#hsl-color
let hh = ( a:h % 360 ) / 360.0
let m2 = l <= 0.5 ? l * ( s + 1 ) : l + s - l * s
let m1 = l * 2 - m2
let rgb = []
for h in [ hh + (1/3.0), hh, hh - (1/3.0) ]
let h = h < 0 ? h + 1 : h > 1 ? h - 1 : h
let v =
\ h * 6 < 1 ? m1 + ( m2 - m1 ) * h * 6 :
\ h * 2 < 1 ? m2 :
\ h * 3 < 2 ? m1 + ( m2 - m1 ) * ( 2/3.0 - h ) * 6 :
\ m1
if v > 1.0 | return '' | endif
let rgb += [ float2nr( 255 * v ) ]
endfor
return printf( '%02x%02x%02x', rgb[0], rgb[1], rgb[2] )
endfunction
let s:_1_3 = 1.0/3
let s:_16_116 = 16.0/116.0
let s:cos16 = cos(16*(180/atan2(0,-1)))
let s:sin16 = sin(16*(180/atan2(0,-1)))
function s:rgb2din99(rgb)
let [r,g,b] = map( copy(a:rgb), 'v:val > 0.04045 ? pow((v:val + 0.055) / 1.055, 2.4) : v:val / 12.92' )
let x = r * 0.4124 + g * 0.3576 + b * 0.1805
let y = r * 0.2126 + g * 0.7152 + b * 0.0722
let z = r * 0.0193 + g * 0.1192 + b * 0.9505
" Observer 2°, Illuminant D65
let x = ( x * 100 ) / 95.0489
let z = ( z * 100 ) / 108.8840
let [x,y,z] = map( [x,y,z], 'v:val > 0.008856 ? pow(v:val, s:_1_3) : 7.787 * v:val + s:_16_116' )
let [L,a,b] = [ (116 * y) - 16, 500 * (x - y), 200 * (y - z) ]
let L99 = 105.51 * log(1 + 0.0158 * L)
let e = a * s:cos16 + b * s:sin16
let f = 0.7 * (b * s:cos16 - a * s:sin16)
let g = 0.045 * sqrt(e*e + f*f)
if g == 0
let [a99, b99] = [0.0, 0.0]
else
let k = log(1 + g) / g
let a99 = k * e
let b99 = k * f
endif
return [L99, a99, b99]
endfunction
let s:hex={}
for i in range(0, 255)
let s:hex[ printf( '%02x', i ) ] = i
endfor
let s:exe=[]
function! s:flush_exe()
if len(s:exe) | exe join( remove( s:exe, 0, -1 ), ' | ' ) | endif
endfunction
if has('gui_running')
function! s:create_highlight(color, is_bright)
call add( s:exe, 'hi BG'.a:color.' guibg=#'.a:color.' guifg=#'.( a:is_bright ? '000000' : 'ffffff' ) )
endfunction
else
" the 16 vt100 colors are not defined consistently
let s:xtermcolor = repeat( [''], 16 )
" the 6 values used in the xterm color cube
" 0 95 135 175 215 255
let s:cubergb = [ 0x00, 0x5F, 0x87, 0xAF, 0xD7, 0xFF ]
for s:rrr in s:cubergb
for s:ggg in s:cubergb
for s:bbb in s:cubergb
call add( s:xtermcolor, [ s:rrr, s:ggg, s:bbb ] )
endfor
endfor
endfor
" grayscale ramp
let s:xtermcolor += map( range(24), 'repeat( [10 * v:val + 8], 3 )' )
for idx in range( 16, len(s:xtermcolor) - 1 )
let s:xtermcolor[idx] = s:rgb2din99( map(s:xtermcolor[idx], 'v:val / 255.0') )
endfor
" selects the nearest xterm color for a rgb value like #FF0000
function! s:rgb2xterm(color)
let best_match=0
let smallest_distance = 10000000000
let color = tolower(a:color)
let r = s:hex[color[0:1]]
let g = s:hex[color[2:3]]
let b = s:hex[color[4:5]]
let [L1,a1,b1] = s:rgb2din99([ r/255.0, g/255.0, b/255.0 ])
for idx in range( 16, len(s:xtermcolor) - 1 )
let [L2,a2,b2] = s:xtermcolor[idx]
let dL = L1 - L2
let da = a1 - a2
let db = b1 - b2
let distance = dL*dL + da*da + db*db
if distance == 0 | return idx | endif
if distance > smallest_distance | continue | endif
let smallest_distance = distance
let best_match = idx
endfor
return best_match
endfunction
let s:color_idx = {}
function! s:create_highlight(color, is_bright)
let color_idx = get( s:color_idx, a:color, -1 )
if color_idx == -1
let color_idx = s:rgb2xterm(a:color)
let s:color_idx[a:color] = color_idx
endif
call add( s:exe,
\ 'hi BG'.a:color
\ . ' guibg=#' .a:color .' guifg=#' .( a:is_bright ? '000000' : 'ffffff' )
\ . ' ctermbg='.color_idx.' ctermfg='.( a:is_bright ? 0 : 15 )
\ )
endfunction
endif
function! s:recreate_highlights()
call filter( copy( b:css_color_hi ), 's:create_highlight( v:key, v:val )' )
endfunction
let s:pattern_color = {}
let s:color_bright = {}
function! s:create_syn_match()
let pattern = submatch(0)
if has_key( b:css_color_syn, pattern ) | return | endif
let b:css_color_syn[pattern] = 1
let rgb_color = get( s:pattern_color, pattern, '' )
if ! strlen( rgb_color )
let hex = submatch(1)
let funcname = submatch(2)
let rgb_color
\ = funcname == 'rgb' ? s:rgb2color(submatch(3),submatch(4),submatch(5))
\ : funcname == 'hsl' ? s:hsl2color(submatch(3),submatch(4),submatch(5))
\ : strlen(hex) >= 6 ? tolower(hex[0:5])
\ : strlen(hex) >= 3 ? tolower(hex[0].hex[0].hex[1].hex[1].hex[2].hex[2])
\ : ''
if rgb_color == '' | throw 'css_color: create_syn_match invoked on bad match data' | endif
let s:pattern_color[pattern] = rgb_color
endif
if ! has_key( b:css_color_hi, rgb_color )
let is_bright = get( s:color_bright, rgb_color, -1 )
if is_bright == -1
let r = s:hex[rgb_color[0:1]]
let g = s:hex[rgb_color[2:3]]
let b = s:hex[rgb_color[4:5]]
let is_bright = r*30 + g*59 + b*11 > 12000
let s:color_bright[rgb_color] = is_bright
endif
call s:create_highlight( rgb_color, is_bright )
let b:css_color_hi[rgb_color] = is_bright
endif
" iff pattern ends on word character, require word break to match
if pattern =~ '\>$' | let pattern .= '\>' | endif
call add( s:exe, 'syn match BG'.rgb_color.' /'.escape(pattern, '/').'/ contained containedin=@colorableGroup' )
return ''
endfunction
function! s:clear_matches()
call map(get(w:, 'css_color_match_id', []), 'matchdelete(v:val)')
let w:css_color_match_id = []
endfunction
function! s:create_matches()
call s:clear_matches()
if ! &l:cursorline | return | endif
" adds matches based that duplicate the highlighted colors on the current line
let lnr = line('.')
let group = ''
let groupstart = 0
let endcol = &l:synmaxcol ? &l:synmaxcol : col('$')
for col in range( 1, endcol )
let nextgroup = col < endcol ? synIDattr( synID( lnr, col, 1 ), 'name' ) : ''
if group == nextgroup | continue | endif
if group =~ '^BG\x\{6}$'
let regex = '\%'.lnr.'l\%'.groupstart.'c'.repeat( '.', col - groupstart )
let w:css_color_match_id += [ matchadd( group, regex, -1 ) ]
endif
let group = nextgroup
let groupstart = col
endfor
endfunction
let s:_hexcolor = '#\(\x\{3}\%(\>\|\x\{3}\>\)\)' " submatch 1
let s:_rgbacolor = '#\(\x\{3}\%(\>\|\x\%(\>\|\x\{2}\%(\>\|\x\{2}\>\)\)\)\)' " submatch 1
let s:_funcname = '\(rgb\|hsl\)a\?' " submatch 2
let s:_ws_ = '\s*'
let s:_numval = s:_ws_ . '\(\d\{1,3}\%(%\|deg\)\?\)' " submatch 3,4,5
let s:_listsep = s:_ws_ . ','
let s:_otherargs_ = '\%(,[^)]*\)\?'
let s:_funcexpr = s:_funcname . '[(]' . s:_numval . s:_listsep . s:_numval . s:_listsep . s:_numval . s:_ws_ . s:_otherargs_ . '[)]'
let s:_csscolor = s:_rgbacolor . '\|' . s:_funcexpr
" N.B. sloppy heuristic constants for performance reasons:
" a) start somewhere left of screen in case of partially visible colorref
" b) take some multiple of &columns to handle multibyte chars etc
" N.B. these substitute() calls are here just for the side effect
" of invoking s:create_syn_match during substitution -- because
" match() and friends do not allow finding all matches in a single
" scan without examining the start of the string over and over
function! s:parse_screen()
let leftcol = winsaveview().leftcol
let left = max([ leftcol - 15, 0 ])
let width = &columns * 4
call filter( range( line('w0'), line('w$') ), 'substitute( strpart( getline(v:val), col([v:val, left]), width ), b:css_color_pat, ''\=s:create_syn_match()'', ''g'' )' )
call s:flush_exe()
endfunction
""""""""""""""""""""""""""""""""""""""""""""""""""""""""""""""""""""""""""""""""
function! css_color#reinit()
call s:recreate_highlights()
call s:flush_exe()
endfunction
function! css_color#enable()
if ! b:css_color_off | return | endif
if len( b:css_color_grp ) | exe 'syn cluster colorableGroup add=' . join( b:css_color_grp, ',' ) | endif
augroup CSSColor
autocmd! * <buffer>
if has('nvim-0.3.1')
autocmd CursorMoved,CursorMovedI <buffer> call s:parse_screen()
else
autocmd CursorMoved,CursorMovedI <buffer> call s:parse_screen() | call s:create_matches()
autocmd BufWinEnter <buffer> call s:create_matches()
autocmd BufWinLeave <buffer> call s:clear_matches()
endif
autocmd ColorScheme <buffer> call css_color#reinit()
augroup END
let b:css_color_off = 0
doautocmd CSSColor CursorMoved
endfunction
function! css_color#disable()
if b:css_color_off | return | endif
if len( b:css_color_grp ) | exe 'syn cluster colorableGroup remove=' . join( b:css_color_grp, ',' ) | endif
autocmd! CSSColor * <buffer>
let b:css_color_off = 1
endfunction
function! css_color#toggle()
if b:css_color_off | call css_color#enable()
else | call css_color#disable()
endif
endfunction
let s:type = [ 'none', 'hex', 'rgba', 'css', 'none' ] " with wraparound for index() == -1
let s:pat_for_type = [ '^$', s:_hexcolor, s:_rgbacolor, s:_csscolor, '^$' ]
function! css_color#init(type, keywords, groups)
let new_type = index( s:type, a:type )
let old_type = index( s:pat_for_type, get( b:, 'css_color_pat', '$^' ) )
let b:css_color_pat = s:pat_for_type[ max( [ old_type, new_type ] ) ]
let b:css_color_grp = extend( get( b:, 'css_color_grp', [] ), split( a:groups, ',' ), 0 )
let b:css_color_hi = {}
let b:css_color_syn = {}
let b:css_color_off = 1
call css_color#enable()
if a:keywords != 'none'
exe 'syntax include syntax/colornames/'.a:keywords.'.vim'
call extend( s:color_bright, b:css_color_hi )
endif
endfunction
" utility function for development use
function! css_color#dump_highlights()
call s:recreate_highlights()
let cmd = join( sort( remove( s:exe, 0, -1 ) ), "\n" )
let cmd = substitute( cmd, '#......', '\U&', 'g' )
let cmd = substitute( cmd, 'ctermbg=\zs\d\+', '\=printf("%-3d",submatch(0))', 'g' )
return cmd
endfunction