the9000 github: cyan wider / beta by the9000

/* ==UserStyle==
@name           the9000 github: cyan wider / beta
@namespace      github.com/openstyles/stylus
@version        1.0.0
@description    Replace blue with cyan. Wider central column. Some buttons more visible.
@author         the9000
==/UserStyle== */

@-moz-document domain("github.com") {
    /* Colors. */
    [data-color-mode="light"][data-light-theme="dark"], [data-color-mode="dark"][data-dark-theme="dark"] {
        --color-diff-blob-addition-word-bg: hsl(120, 70%, 20%, 60%);
        --color-diff-blob-addition-line-bg: hsl(150, 20%, 10%) !important;
        --color-diff-blob-deletion-line-bg: hsl(0, 20%, 10%) !important;
    }
    
    
    /* Make "Ready for review" button highly visible. */
    .branch-action-item .btn {
        border-color: #cc3;
        background-color: #333308;
    }
    
    /* Make "Resolve conversation"  and "Unresolve conversation" look distinct. */
    form[action $= "/resolve"] > button::before {
        content: "✅ ";
    }
    form[action $= "/unresolve"] > button::before {
        content: "👈 ";
    }
    
    /* Wider default central column. */
    .new-discussion-timeline.container-xl {
        max-width: 110em;
    }
    
    /* More readabale tooltips */
    tool-tip {
        background-color: #113333;
    }
    
    /* Darker monospace spans. */
    .markdown-body code, .markdown-body tt {
        background-color: #222; /* IDK if relative colors even work in Firefox. */
    }
    
    /* Cyanization. */
    
    html[data-color-mode="light"][data-light-theme="dark"], [data-color-mode="dark"][data-dark-theme="dark"] body {
        --color-accent-emphasis: hsl(180, 30%, 30%);;
        --color-accent-muted: hsl(180, 30%, 25%);
        --color-accent-subtle: hsl(180, 75%, 12%);
        --color-accent-fg: hsl(180, 30%, 50%);;
    }
    
    span.Counter {
        background-color:  var(--color-accent-subtle);
    }
}