AWBW: Color-Blinded-Friendly Status Icon

Make respective status icon unique shape that looks just like discord

目前为 2024-01-30 提交的版本。查看最新版本。

换行

/* ==UserStyle==
@name         AWBW: Color-Blinded-Friendly Status Icon
@version      20240130.18.02
@namespace    https://userstyles.world/user/Hollen9
@description  Make respective status icon unique shape that looks just like discord
@author       Hollen9
@license      MIT
==/UserStyle== */

@-moz-document domain("amarriner.com") {
span.dot_yellow::before {
    content: "" !important;
    height: 4px !important;
    width: 4px !important;
    border-radius: 50% !important;
    position: absolute !important;
    top: 10px !important;
    left: 12px !important;
    box-shadow: 2px 2px 0 0 #000000 !important;
}


span.dot_yellow {
    height: 6px !important;
    width: 6px !important;
    background-color: yellow !important;
    border: solid 0px #000000 !important;
    border-radius: 50% !important;
    display: inline-block !important;
    box-shadow: 0px 0px 0 0.7px #000000 !important;
}

span.dot_gray::before {
    content: "" !important;
    height: 4px !important;
    width: 4px !important;
    border-radius: 50% !important;
    position: absolute !important;
    top: 10px !important;
    left: 12px !important;
    box-shadow: 3px 3px 0 -0.3px #EEE !important;
}

.player-activity-status.dot_yellow::before, .player-activity-status.dot_gray::before {
    top: -2px !important;
    left: -2px !important;
}


}

欢迎访问Greasy Fork镜像