harmtemolder/obsidian-solarized

Suggestions: #TAG pillboxes

derwok opened this issue · 1 comments

Just a suggestion - ignore if you don't like it.
I want tags to "pop" out a little bit more.
Works on dark & light background mode. Works in Editor and Preview.

image

/*
.cm-hashtag {
    color: var(--text-accent) !important;
}
*/ 

/* Tag pillbox */
.cm-s-obsidian span.cm-hashtag-begin, 
.cm-s-obsidian span.cm-hashtag-end,
a.tag {
  background-color: var(--text-normal);
  color: var(--background-primary);
  padding: 5px;
  text-decoration: none;
  font-family: var(--font-family-editor);
}

a.tag {
    border-radius: 10px 10px 10px 10px;    
}
.cm-s-obsidian span.cm-hashtag-begin {
    border-radius: 10px 0px 0px 10px;
}
.cm-s-obsidian span.cm-hashtag-end {
    border-radius: 0px 10px 10px 0px;
}

This looks great. I'll take a look at adding it tonight.