Desaturate dead characters

Desaturate dead characters

Install
Lucastucious
2nd Nov, 2023
230 installations 13 likes

A little css rule to add a grayscale filter and a little icon for dead characters

Latest version 1.1

Released 1 year ago on 2nd Nov, 2023

Update for consistency and list view

CSS rules

:root {
 --dead-grey-value: 1;
}
.character-dead .entity-image {
 filter: grayscale(var(--dead-grey-value));
}
.panel-heading-entity:has(.ra-skull) {
    filter: grayscale(var(--dead-grey-value));
}
[data-defunct="true"] .avatar , [data-dead="true"] .avatar  {
  filter: grayscale(var(--dead-grey-value)); 
}
[data-dead="true"] .avatar::after {
content: "💀";
    pointer-events: none;
    width: 24px;
    position: absolute;
    right: .375rem;
    top: .375rem;
}
.entity-header:has(.entity-char-dead) img {
    filter: grayscale(var(--dead-grey-value));
}
.character-dead img {
	filter: grayscale(var(--dead-grey-value));
}
 Install

User comments & reviews