How to incoporate gradient colours for headers 2-6 as well?

Custom CSS & Theme Design
2

Hey Julian.

This will make gradient-color headers for h1-h6, in both reading mode AND editor mode:

.cm-s-obsidian .cm-header, .markdown-rendered :is(h1, h2, h3, h4, h5, h6) {
  background: linear-gradient(to right, gold, coral); /* choose any 2 colors you like */
  -webkit-background-clip: text;
  color: transparent;
  width: fit-content;
}

^ that’s all you need (you can delete everything else.)

Does that work for you?

1 Like