Making Drafts stand out in the Open sidebar

nemo · July 21, 2025, 7:34am

Good call. I should rework other of my CSS tweaks into proper palette awareness in the future too/

Anyway, here is the TW palette friendly version of my current DraftOf css (and is a bit different to the previous version overall)

.tc-sidebar-header a.tc-tiddlylink[href^="#Draft%20of%20%27"] {
  color: <<colour dirty-indicator>>;
  width: 90%;
  border-radius: 5px;
  outline: 1px solid <<colour dirty-indicator>>;
  padding-right: 0.5em;
  &::before {
    color: white; /* this only affects the emoji which is already full-colour, but I saw weirdness in some edge cases when it wasn't set */
    background: <<colour dirty-indicator>>;
    margin-left: 0.5em;
    margin-right: 0.5em;
    padding-left: 0.5em;
    padding-right: 0.5em;
    border-radius:1em;
    content:"⚠️"}
}