Skip to content

Clearer read status for marktplaats (2023 version) by dennisghua

Screenshot of Clearer read status for marktplaats (2023 version)

Details

Authordennisghua

LicenseMIT

Categorymarktplaats.nl

Created

Updated

Size1.4 kB

Statistics

Learn how we calculate statistics in the FAQ.

Failed to fetch stats.

Description

Improves the distinction between read and unread checkmarks for better visibility.

Notes

Userstyle doesn't have notes.

Source code

/* ==UserStyle==
@name           Vibrant green checkmark
@namespace      userstyles.world
@version        2.0.3
@description    Makes the checkmarks easier to read on marktplaats.nl
==/UserStyle== */

/*

SOURCE CODE: https://github.com/DennisGHUA/green-tick-marktplaats
License MIT

Download the css from one of these mirrors:
https://userstyles.world/style/607/green-tick
https://userstyles.org/styles/270723
*/

/* Only apply the following styles on marktplaats.nl */
@-moz-document domain("marktplaats.nl") {

    /* Marktplaats redesign 2023 */

    /* read:   hz-Icon hz-Icon--s hz-Icon--signalActionDefault hz-SvgIcon hz-SvgIconMessageRead */
    /* unread: hz-Icon hz-Icon--s hz-Icon--textTertiary        hz-SvgIcon hz-SvgIconMessageRead */

    .MessageReadStatus-module-iconWrapper > .hz-SvgIconMessageRead.hz-Icon--signalActionDefault {
        background: url("https://raw.githubusercontent.com/DennisGHUA/green-tick-marktplaats/main/icons/send-read_2023.png") no-repeat;
        background-size: auto 100%;
        background-position: 0 0;
        filter: none;
    }
    .MessageReadStatus-module-iconWrapper > .hz-SvgIconMessageRead.hz-Icon--textTertiary {
        background: url("https://raw.githubusercontent.com/DennisGHUA/green-tick-marktplaats/main/icons/send-unread_2023.png") no-repeat;
        background-size: auto 100%;
        background-position: 0 0;
        filter: none;
    }
}

Reviews

No reviews yet.