Diff ➕ & ➖ for Git-history

githistory.xyz.user.css

/* ==UserStyle==
@name         Git History Diff ➕ & ➖
@namespace    https://gist.github.com/nitin2953
@version      1.0.0
@description  Add ➕ & ➖ as ::before element on Added & Deleted line respectively for quick looking
@author       Nitin Kumar (https://github.com/nitin2953)
@homepageURL  https://gist.github.com/nitin2953/e3c7a8bc4a4805c97963671f2b3790da
@updateURL    https://gist.github.com/nitin2953/e3c7a8bc4a4805c97963671f2b3790da/raw/3fcbddad8f93777ad9008b8415d45d6e71001491/githistory.xyz.user.css
@license      AGPL-3.0
@preprocessor default
==/UserStyle== */

@-moz-document domain("githistory.xyz") {

code div[style*="opacity: 1;"] {
    overflow: visible !important;
}

code div[style*="opacity: 1;"]::before {
    content: "+";
    position: absolute;
    left: -30px;
    color: #00ff4a;
    font-weight: 600;
    scale: 1.3;
}

code div[style*="transform: translateX(-250px);"] {
    transform: none !important;
    opacity: 1 !important;
    overflow: visible !important;
    clip-path: inset(-5px 100% -5px -35px);
    position: relative;
}

code div[style*="transform: translateX(-250px);"]::before {
    content: "_";
    position: absolute;
    top: -16px;
    left: -29.5px;
    color: red;
    font-weight: 600;
    scale: 1.5;
}


}