Donmai

Custom CSS Thread

Posted under General

Different colors for Builders, Approvers and "Restricted" users

Show
body {
   --user-builder-color: #8870ff;
   --user-contributor-color: #de9cff;
   --user-approver-color: #ff31c7;
   --user-restricted-color: #cfe8ff;
}

body a.user-approver {
    color: var(--user-approver-color);
}

body a.user-contributor {
    color: var(--user-contributor-color);
}

body a.user-builder {
    color: var(--user-builder-color);
}

.user-tooltip-badge-contributor {
    background-color: var(--user-contributor-color) !important;
}

.user-tooltip-badge-approver {
    background-color: var(--user-approver-color) !important;
}

Red strikethrough for banned users

Show
a.user.user-member.user-banned {
    text-decoration: line-through;
    text-decoration-color: red;
}

EDIT 1: Fixed colors for badges that appear in user hover tooltips.

Updated

Highlight private favgroups

(Because I was getting lost, and wanted to add table rows for this but got lazy and settled for CSS instead.)

Show
/* Highlight private favgroups */
[data-is-public='false'] tr, tr[data-is-public='false'] {
  .name-column::before { content: "[Private]"; color: red; display: inline-block; };
}
1 16 17 18 19 20