" Each theme is contained in its own file and declares variables scoped to the " file. These variables represent the possible "modes" that airline can " detect. The mode is the return value of mode(), which gets converted to a " readable string. The following is a list currently supported modes: normal, " insert, replace, visual, and inactive. " " Each mode can also have overrides. These are small changes to the mode that " don't require a completely different look. "modified" and "paste" are two " such supported overrides. These are simply suffixed to the major mode, " separated by an underscore. For example, "normal_modified" would be normal " mode where the current buffer is modified. " " The theming algorithm is a 2-pass system where the mode will draw over all " parts of the statusline, and then the override is applied after. This means " it is possible to specify a subset of the theme in overrides, as it will " simply overwrite the previous colors. If you want simultaneous overrides, " then they will need to change different parts of the statusline so they do " not conflict with each other. " First let's define some arrays. The s: is just a VimL thing for scoping the " variables to the current script. Without this, these variables would be " declared globally. " " The array is in the format [ guifg, guibg, ctermfg, ctermbg, opts ]. " The opts takes in values from ":help attr-list". let s:N1 = [ '#00005f' , '#dfff00' , 17 , 190 ] let s:N2 = [ '#ffffff' , '#444444' , 255 , 238 ] let s:N3 = [ '#9cffd3' , '#202020' , 85 , 234 ] " The file array is a special case, where only the foreground colors are " specified. The background colors are automatically filled. let s:file = [ '#ff0000' , '' , 160 , '' ] " vim-airline is made up of multiple sections, but for theming purposes there " is only 3 sections: the mode, the branch indicator, and the gutter (which " then get mirrored on the right side). generate_color_map is a helper " function which generates a dictionary which declares the full colorscheme " for the statusline. See the source code of "autoload/airline/themes.vim" " for the full set of keys available for theming. " First, let's define a palette. Airline will search for this variable. " The # is a separator that maps with the directory structure. If you get " this wrong, Vim will complain loudly. let g:airline#themes#dark#palette = {} " Now let's declare some colors for normal mode and add it to the dictionary. let g:airline#themes#dark#palette.normal = airline#themes#generate_color_map(s:N1, s:N2, s:N3, s:file) " Here we define overrides for when the buffer is modified. This will be " applied after g:airline#themes#dark#palette.normal, hence why only certain keys are " declared. let g:airline#themes#dark#palette.normal_modified = { \ 'airline_c': [ '#ffffff' , '#5f005f' , 255 , 53 , '' ] , \ } let s:I1 = [ '#00005f' , '#00dfff' , 17 , 45 ] let s:I2 = [ '#ffffff' , '#005fff' , 255 , 27 ] let s:I3 = [ '#ffffff' , '#000080' , 15 , 17 ] let g:airline#themes#dark#palette.insert = airline#themes#generate_color_map(s:I1, s:I2, s:I3, s:file) let g:airline#themes#dark#palette.insert_modified = { \ 'airline_c': [ '#ffffff' , '#5f005f' , 255 , 53 , '' ] , \ } let g:airline#themes#dark#palette.insert_paste = { \ 'airline_a': [ s:I1[0] , '#d78700' , s:I1[2] , 172 , '' ] , \ } let g:airline#themes#dark#palette.replace = copy(g:airline#themes#dark#palette.insert) let g:airline#themes#dark#palette.replace.airline_a = [ s:I2[0] , '#af0000' , s:I2[2] , 124 , '' ] let g:airline#themes#dark#palette.replace_modified = g:airline#themes#dark#palette.insert_modified let s:V1 = [ '#000000' , '#ffaf00' , 232 , 214 ] let s:V2 = [ '#000000' , '#ff5f00' , 232 , 202 ] let s:V3 = [ '#ffffff' , '#5f0000' , 15 , 52 ] let g:airline#themes#dark#palette.visual = airline#themes#generate_color_map(s:V1, s:V2, s:V3, s:file) let g:airline#themes#dark#palette.visual_modified = { \ 'airline_c': [ '#ffffff' , '#5f005f' , 255 , 53 , '' ] , \ } let s:IA1 = [ '#4e4e4e' , '#1c1c1c' , 239 , 234 , '' ] let s:IA2 = [ '#4e4e4e' , '#262626' , 239 , 235 , '' ] let s:IA3 = [ '#4e4e4e' , '#303030' , 239 , 236 , '' ] let g:airline#themes#dark#palette.inactive = airline#themes#generate_color_map(s:IA1, s:IA2, s:IA3, s:file) let g:airline#themes#dark#palette.inactive_modified = { \ 'airline_b': [ '#875faf' , '' , 97 , '' , '' ] , \ } " Here we define the color map for ctrlp. We check for the g:loaded_ctrlp " variable so that related functionality is loaded iff the user is using " ctrlp. Note that this is optional, and if you do not define ctrlp colors " they will be chosen automatically from the existing palette. if !get(g:, 'loaded_ctrlp', 0) finish endif let g:airline#themes#dark#palette.ctrlp = airline#extensions#ctrlp#generate_color_map( \ [ '#d7d7ff' , '#5f00af' , 189 , 55 , '' ], \ [ '#ffffff' , '#875fd7' , 231 , 98 , '' ], \ [ '#5f00af' , '#ffffff' , 55 , 231 , 'bold' ])