Customize SuttaCentral colors

I forgot that I also use Stylus for the forum:

/* make edit button on wikis red */
div.actions button .fa.d-icon.d-icon-far-edit.svg-icon.svg-node {
    background: red;
    padding: 1em;
}

/* change background colour for PM pages */
body.archetype-private_message {
    background-color:#7c4c1a
}

/* make my post have different background colour */
article[data-user-id="438"] {
background-color:#3d384e;
    padding-left:1em;
    border-radius:50px;
}

/* hide top bar that links to main SC site */
a#sc-backlink {
    display:none;
}

.hljs {
  /* Disable max-height as to avoid vertical scrollbar; always show code blocks in full */
  /* Enable word wrapping in jai code as to avoid horizontal scrollbar.  */
  overflow-x: auto; 
  white-space: pre-wrap!important;
}

I would even suggest that the change to make PM pages have a different background colour be implimented in the theme. @musiko ?

The code to remove the top bar was suggested by me in this post, but nothing ever came of it.

PS: You can find your own data-user-id by inspecting one of your posts:

2 Likes