How to change Header color in Editor mode

[Algae]

Things I have tried

I have done as recommended in Help changing color of headers

but it does not change the color of headers in the Editor (I mostly read my notes while editing them).

I am sure there is a(n easy) way but I could not find a solution so far.

I’m trying to see if I can use the developer console to change header color…

Here is my attempted solution:

for color in editor → used developer console while all tabs closed and add colors.
For color in viewer mode → used a .css snippet

The changes done in developer console were reset once obsidian app was closed.

Now I am stuck since I don’t know how to keep these changes.

still couldn’t figure out how to add color to h5

colors in Viewer/reader mode works fine (snippets yay!).

What I’m trying to do

[Dimettry]

developer console is only for viewing elements and not for saving, you need to write your snippet.

/*for "Source mode" and "Live Preview"*/

.cm-header-1,
.cm-header-2,
.cm-header-3,
.cm-header-4,
.cm-header-5{
  color:#13e21e;
}



/*for "Source mode"*/

.markdown-preview-view h1,
.markdown-preview-view h2,
.markdown-preview-view h3,
.markdown-preview-view h4,
.markdown-preview-view h5{
color: #1900ff;
}

[Algae]

Should this replace the previous snippet or to be added as a second snippet?
Also, could you explain what the first and second bits do (so I understand more of the syntax)?
Thank you

[Dimettry]

You can open the snippet in a text editor or ide and add values there.
I didn’t quite understand what
“bits” means
, I indicated in the comments what is used for which headers. you can set any color, look at the value in photoshop or a similar program.

[Algae]

I meant that I didn’t understand what each of the sections account for. What is the difference between the “live preview + source mode” and “source mode” sections?
But everything works fine and I figured it out how to add the colors

[Dimettry]

These are three display modes in Obsidian. look at the manual