Wolfery user style swap

There are a few things that I have found helped out with my Wolfery experience that are quite particular to me and not really the type of thing that is worth proposing as a change to the client itself. I have been using user styles via Stylus for this, but I figure they would work with any such extension.

/*
 * I like having the text input box grow with the amount of text
 * added so that, as posts get longer, I can still see the text
 * without it scrolling out of view.
 */
.console--editor {
    height: initial !important; 
    min-height: 100px !important;
    max-height: 50vh !important;
}

/*
 * A more eye-catching way to indicate which character is active,
 * useful for when running two characters in the same room who act
 * as a pair, when you do not want to MAV. This pulses the tab's bg
 * to the dark blue of the user list items.
 */
.console-controlledchar.active * {
    animation-name: flash;
    animation-duration: 1.5s;
    animation-iteration-count: infinite;
    animation-direction: alternate;
}
@keyframes flash {
    from {
        background-color: transparent;
    }

    to {
        background-color: rgb(16,19,28);
    }
}

How about you all? Anyone else out there have handy user styles?

1 Like
.common--formattext span.highlight {
  color: inherit !important;
  background: inherit !important;
  padding: inherit !important;
  border-radius: inherit !important;
}

div[class*="ev-"]:has(span.highlight) {
  background: #1d2233 !important;
  border-radius: 10px;
}

makes the mention highlights less in your face.

  div.active[data-charid='1'] {
    border-bottom: 2px solid #ff4f00 !important;
  }
  div.active[data-charid='2'] {
    border-bottom: 2px dotted #ff0000 !important;
  }
  div.active[data-charid='3'] {
    border-bottom: 2px dotted #49ff46 !important;
  }

is how I style the character tabs so there’s less confusion.