Desaturate dead characters

Install

2nd Nov, 2023

317 installations 24 likes Kanka 3.4 (2 months ago)

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

Gallery

Released 2 years ago on 2nd Nov, 2023

Update for consistency and list view

: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));

No comments yet.