Variations for Headings

[pkazmier]

I spent more time than I'd like to admit this morning trying different variations for headings, so I thought I'd share some in case others would benefit. Each section has a Details expansion that contains the configuration used for the headings:

---

Configuration

{
    heading = {
      sign = false,
      border = true,
      below = "▔",
      above = "▁",
      left_pad = 0,
      position = "left",
      icons = {
        "█ ",
        "██ ",
        "███ ",
        "████ ",
        "█████ ",
        "██████ ",
      },
    },
  }

---

Configuration

{
    heading = {
      sign = false,
      border = true,
      below = "▔",
      above = "▁",
      left_pad = 0,
      position = "left",
      icons = {
        "█ ",
        "██ ",
        "███ ",
        "████ ",
        "█████ ",
        "██████ ",
      },
    },
  }

---

Configuration

{
    heading = {
      sign = false,
      border = true,
      below = "▔",
      above = "▁",
      left_pad = 0,
      position = "left",
      icons = {
        " ",
        " ",
        " ",
        " ",
        " ",
        " ",
      },
    },
  }

---

Configuration

{
    heading = {
      sign = false,
      border = true,
      width = "block",
      below = "▔",
      above = "▁",
      left_pad = 0,
      right_pad = 4,
      position = "left",
      icons = {
        "█ ",
        "██ ",
        "███ ",
        "████ ",
        "█████ ",
        "██████ ",
      },
    },
  }

---

Configuration

{
    heading = {
      sign = false,
      border = true,
      width = "block",
      below = "▔",
      above = "▁",
      left_pad = 0,
      right_pad = 4,
      position = "left",
      icons = {
        "█ ",
        "██ ",
        "███ ",
        "████ ",
        "█████ ",
        "██████ ",
      },
    },
  }

---

Configuration

{
    heading = {
      sign = false,
      border = true,
      width = "block",
      below = "▔",
      above = "▁",
      left_pad = 0,
      right_pad = 4,
      position = "left",
      icons = {
        " ",
        " ",
        " ",
        " ",
        " ",
        " ",
      },
    },
  }

---

Configuration

{
    heading = {
      backgrounds = {},
      sign = false,
      border = true,
      below = "▔",
      above = "▁",
      left_pad = 0,
      position = "left",
      icons = {
        "█ ",
        "██ ",
        "███ ",
        "████ ",
        "█████ ",
        "██████ ",
      },
    },
  }

---

Configuration

{
    heading = {
      backgrounds = {},
      sign = false,
      border = true,
      below = "▔",
      above = "▁",
      left_pad = 0,
      position = "left",
      icons = {
        "█ ",
        "██ ",
        "███ ",
        "████ ",
        "█████ ",
        "██████ ",
      },
    },
  }

---

Configuration

{
    heading = {
      backgrounds = {},
      sign = false,
      border = true,
      below = "▔",
      above = "▁",
      left_pad = 0,
      position = "left",
      icons = {
        " ",
        " ",
        " ",
        " ",
        " ",
        " ",
      },
    },
  }

[MeanderingProgrammer]

Hi, thank you for sharing! I hope the tinkering was fun, I've definitely gotten sucked into getting a few plugins to work just the way I want them to haha.

Would you able to put the config you used next to the associated screenshot? Just so it's easier for people to copy paste it and get the same result.

[pkazmier]

Sure. I also added several more variants.

[sgon00]

Thanks a lot for your sharing. This is my variation:

Configuration

I'm using NvChad config. Here are some snippets from my config files that follow the NvChad template.

• Theme (~/.config/nvim/lua/chadrc.lua):

M.base46 = {
  theme = "nord",

• render-markdown.nvim Config (~/.config/nvim/lua/plugins/init.lua)

local highlight_md_heading = "MyHighlightHeading"
vim.api.nvim_set_hl(0, highlight_md_heading, { bg = "#3e4452", fg = "#81a1c1" })

My_Render_Markdown_Opts = {
  render_modes = true, -- enable all modes
  heading = {
    width = {'full', 'block'},
    border = true,
    border_virtual = true,
    border_prefix = true,
    min_width = 40,
    sign = false,
    icons = {
      "█ ",
      "██ ",
      "███ ",
      "████ ",
      "█████ ",
      "██████ ",
    },
    backgrounds = { highlight_md_heading },
  },
  code = {
    width = 'block',
    left_pad = 2,
    right_pad = 2,
    sign = false,
    left_margin = 2,
    position = 'right', -- language indicator position
  },
}

return {
  {
    'MeanderingProgrammer/render-markdown.nvim',
    ft = { 'markdown', 'quarto' },
    dependencies = { 'nvim-treesitter/nvim-treesitter', 'echasnovski/mini.nvim' }, -- if you use the mini.nvim suite
    ---@module 'render-markdown'
    ---@type render.md.UserConfig
    opts = My_Render_Markdown_Opts,
  },

[sgon00]

@malasee It's great to hear you like it. I've updated my comment to include the detailed configuration.

[malasee]

Thanks a lot for sharing :)

[MeanderingProgrammer]

Thanks for sharing!

I've updated your configuration to only define a single highlight group, there's no need to define 6 if the values are the same.

[sgon00]

Sure, thanks for the update. I initially used 6 values just in case I needed to change some heading colors in the future, but it seems one color is fine for me. Too many colors would be distracting.

By the way, I forgot to mention I'm using NvChad config; I've updated that information.

[pkazmier]

I made a variation of your variation 😄

    heading = {
      backgrounds = { "DiffChange" },
      sign = false,
      border = true,
      border_prefix = true,
      left_pad = 0,
      right_pad = 4,
      position = "overlay",
      icons = {
        " ",
        " ",
        " ",
        " ",
        " ",
        " ",
      },

[rodhash]

Hey @pkazmier , thanks for sharing!

That's a nice font, is this a nerd font? Which one is this pls?

[pkazmier]

It’s Maple Mono. It’s a lovely font.

[rodhash]

It’s Maple Mono. It’s a lovely font.

Thank you!

[pkazmier]

Here is my latest variation that I've been using:

And my configuration:

    heading = {
      width = "block",
      backgrounds = {
        "MiniStatusLineModeNormal",
        "MiniStatusLineModeInsert",
        "MiniStatusLineModeReplace",
        "MiniStatusLineModeVisual",
        "MiniStatusLineModeCommand",
        "MiniStatusLineModeOther",
      },
      sign = true,
      left_pad = 1,
      right_pad = 0,
      position = "right",
      icons = {
        "",
        "",
        "",
        "",
        "",
        "",
      },
    },

Importantly, the backgrounds highlight groups fg color is the bg color of Normal.