Editor mode - change tags?

[SuperGirl632]

Hi!

Another day another question

Is there any CSS snippet that can be used to change the tag text colour and background colour in editor mode?

I’ve found a snippet but that only works when I change to reading mode but I am 99.9% always in editor mode so was wondering if anyone knew of any code applicable to that?

Thanks in advance!

[ariehen]

Have a look here →

Proper CSS for tags in Live Preview

for tags in editing view (live preview/source mode), you would have to use a different css selector i.e. .cm-s-obsidian span.cm-hashtag-begin { } and .cm-s-obsidian span.cm-hashtag-end { } /* for background, font color. apply to live preview and reading view */ /* change the span.cm-tag-[label] and href=[tag] accordingly */ .cm-s-obsidian span.cm-tag-S, .tag[href="#S"] { color: ... ; background-color: ... ; } /* for hash (#) part of the tag in live preview */ /* use it for padding, and borde…

Tags in Editing view (source and live preview) have three parts: The main section for background, text color, etc., and then the beginning & end for paddings and borders.

For example, here Reading and Editing view tags are separated:

/*---- reading view tag ----*/
.tag[href="#Google"] {
    background: #fff;
    color: #176bef;
    border: 2px solid #176bef;
    line-height: 2em;
    font-weight: 500;
    padding-top: 1.5px;
    padding-bottom: 3px;
}

/*---- source + live preview tag ----*/
.markdown-source-view .cm-tag-Google {
  background: #fff;
  color: #176bef;
  border-top: 2px solid;
  border-bottom: 2px solid;
  line-height: 2em;
  font-weight: 500;
}

.markdown-source-view .cm-hashtag-begin.cm-tag-Google {
  border-left: 2px solid;
  padding-top: 1px;
  padding-right: 1px;
  padding-bottom: 3.5px;
}

.markdown-source-view .cm-hashtag-end.cm-tag-Google {
  border-right: 2px solid;
  padding-top: 1px;
  padding-bottom: 3.5px;
}