Share your custom highlights

[olimorris]

Telescope

I thought I'd begin by sharing how I have Telescope formatted:

Screenshots

Highlights

colors = {
  dark = {
    telescope_prompt = "require('onedarkpro.helpers').darken('bg', 1, 'onedark')",
    telescope_results = "require('onedarkpro.helpers').darken('bg', 4, 'onedark')",
    telescope_preview = "require('onedarkpro.helpers').darken('bg', 6, 'onedark')",
    telescope_selection = "require('onedarkpro.helpers').darken('bg', 8, 'onedark')",
  },
  light = {
    telescope_prompt = "require('onedarkpro.helpers').darken('bg', 2, 'onelight')",
    telescope_results = "require('onedarkpro.helpers').darken('bg', 5, 'onelight')",
    telescope_preview = "require('onedarkpro.helpers').darken('bg', 7, 'onelight')",
    telescope_selection = "require('onedarkpro.helpers').darken('bg', 9, 'onelight')",
  },
},
highlights = {
  TelescopeBorder = {
    fg = "${telescope_results}",
    bg = "${telescope_results}",
  },
  TelescopePromptBorder = {
    fg = "${telescope_prompt}",
    bg = "${telescope_prompt}",
  },
  TelescopePromptCounter = { fg = "${fg}" },
  TelescopePromptNormal = { fg = "${fg}", bg = "${telescope_prompt}" },
  TelescopePromptPrefix = {
    fg = "${purple}",
    bg = "${telescope_prompt}",
  },
  TelescopePromptTitle = {
    fg = "${telescope_prompt}",
    bg = "${purple}",
  },
  TelescopePreviewTitle = {
    fg = "${telescope_results}",
    bg = "${green}",
  },
  TelescopeResultsTitle = {
    fg = "${telescope_results}",
    bg = "${telescope_results}",
  },
  TelescopeMatching = { fg = "${blue}" },
  TelescopeNormal = { bg = "${telescope_results}" },
  TelescopeSelection = { bg = "${telescope_selection}" },
  TelescopePreviewNormal = { bg = "${telescope_preview}" },
  TelescopePreviewBorder = { fg = "${telescope_preview}", bg = "${telescope_preview}" },
}

Note: The config for Telescope itself was taken from the awesome NvChad!

[mrjones2014]

Similar setup with some tweaked colors

local onedarkpro = require('onedarkpro')
local utils = require('onedarkpro.utils')
local gray = utils.lighten('#000000', 0.1, '#1b1b1b')
onedarkpro.setup({
  dark_theme = 'onedark_vivid',
  colors = {
    bg = '#000000',
    color_column = gray,
    telescope_prompt = utils.lighten('#000000', 0.01, '#101010'),
    telescope_results = '#000000',
  },
  hlgroups = {
    LineNr = gray,
    SignColumn = gray,
    Search = {
      fg = '${black}',
      bg = '${highlight}',
    },
    TelescopeBorder = {
      fg = '${telescope_results}',
      bg = '${telescope_results}',
    },
    TelescopePromptBorder = {
      fg = '${telescope_prompt}',
      bg = '${telescope_prompt}',
    },
    TelescopePromptCounter = { fg = '${fg}' },
    TelescopePromptNormal = { fg = '${fg}', bg = '${telescope_prompt}' },
    TelescopePromptPrefix = {
      fg = '${green}',
      bg = '${telescope_prompt}',
    },
    TelescopePromptTitle = {
      fg = '${telescope_prompt}',
      bg = '${green}',
    },

    TelescopePreviewTitle = {
      fg = '${telescope_results}',
      bg = '${green}',
    },
    TelescopeResultsTitle = {
      fg = '${telescope_results}',
      bg = '${telescope_results}',
    },

    TelescopeMatching = { fg = '${green}' },
    TelescopeNormal = { bg = '${telescope_results}' },
    TelescopeSelection = { bg = '${telescope_prompt}' },
  },
  plugins = {
    all = true,
  },
  options = {
    bold = true,
    italic = true,
    undercurl = true,
    window_unfocussed_color = true,
  },
  styles = {
    comments = 'italic',
    keywords = 'italic',
  },
})
vim.cmd('colorscheme onedarkpro')

[mmirus]

Had occasion to pop open some PHP code for the first time in a while, and thought I'd see how the theme compares to vscode. As it turns out, it's really close!

Here are a handful of changes I've made so far to match vscode more closely:

    -- PHP
    ["@method.php"] = { fg = "${blue}", style = "bold" },
    ["@method.call.php"] = { link = "@method.php" },
    ["@function.builtin.php"] = { fg = "${cyan}" },
    ["@keyword.php"] = { fg = "${purple}", style = "NONE" },
    ["@keyword.return.php"] = { link = "@keyword.php" },
    ["@namespace.php"] = { fg = "${yellow}", style = "bold" },

[olimorris]

Had occasion to pop open some PHP code for the first time in a while, and thought I'd see how the theme compares to vscode. As it turns out, it's really close!

Here are a handful of changes I've made so far to match vscode more closely:

    -- PHP

    ["@method.php"] = { fg = "${blue}", style = "bold" },

    ["@method.call.php"] = { link = "@method.php" },

    ["@function.builtin.php"] = { fg = "${cyan}" },

    ["@keyword.php"] = { fg = "${purple}", style = "NONE" },

    ["@keyword.return.php"] = { link = "@keyword.php" },

    ["@namespace.php"] = { fg = "${yellow}", style = "bold" },

Amazing! Would you consider a pr to add PHP support?

[mmirus]

Sure thing! See #118.

[tristan957]

I will probably come with some Meson fixes at some point, and I have it on my list to look at C. I know you got the structure of the code from nightfox or whatever, but this is really easy to do custom highlighting!

[nickp-real]

since you change the highlight configuration, can you update the highlight value?

[olimorris]

@nickp-real - I've updated my Telescope post for the new theme API