themer/src/template/kitty.ts

Customizable theme creator for editors, terminals, wallpaper, and more.

import type { Template } from './index.js';
import { brightMix, colorSetToVariants } from '../color-set/index.js';
import { source } from 'common-tags';

const template: Template = {
  name: 'Kitty',
  render: async function* (colorSet) {
    const variants = colorSetToVariants(colorSet);
    for (const { title, colors, isDark } of variants) {
      yield {
        path: `${title.kebab}.conf`,
        content: source`
          cursor ${colors.accent6}
          cursor_text_color background
          
          url_color ${colors.accent5}
          
          active_border_color ${colors.accent3}
          inactive_border_color ${colors.shade1}
          bell_border_color ${colors.accent1}
          
          active_tab_foreground ${colors.shade6}
          active_tab_background ${colors.shade0}
          
          inactive_tab_foreground ${colors.shade5}
          inactive_tab_background ${colors.shade1}
          
          foreground ${colors.shade6}
          background ${colors.shade0}
          
          selection_foreground ${colors.shade0}
          selection_background ${colors.accent5}
          
          color0 ${isDark ? colors.shade2 : colors.shade6}
          color8 ${isDark ? colors.shade3 : colors.shade5}
          
          color1 ${colors.accent0}
          color9 ${brightMix(colors, 'accent0', isDark)}
          
          color2 ${colors.accent3}
          color10 ${brightMix(colors, 'accent3', isDark)}
          
          color3 ${colors.accent2}
          color11 ${brightMix(colors, 'accent2', isDark)}
          
          color4 ${colors.accent5}
          color12 ${brightMix(colors, 'accent5', isDark)}
          
          color5 ${colors.accent7}
          color13 ${brightMix(colors, 'accent7', isDark)}
          
          color6 ${colors.accent4}
          color14 ${brightMix(colors, 'accent4', isDark)}
          
          color7 ${isDark ? colors.shade6 : colors.shade2}
          color15 ${isDark ? colors.shade7 : colors.shade1}
          
          mark1_foreground ${colors.shade0}
          mark1_background ${colors.accent4}
          
          mark2_foreground ${colors.shade0}
          mark2_background ${colors.accent7}
          
          mark3_foreground ${colors.shade0}
          mark3_background ${colors.accent2}
        `,
      };
    }
  },
  renderInstructions: (paths) => source`
    In the kitty configuration file (usually \`~/.config/kitty/kitty.conf\`), \`include\` the generated theme file:

    ${paths.map((p) => `* \`${p}\``).join('\n')}
  `,
};

export default template;