Custom style (working on it)

⚓ Rust    📅 2025-10-03    👤 surdeus    👁️ 20      

surdeus

Warning

This post was published 108 days ago. The information described in this article may have changed.

Been playing with CSS styles just to see whether I could get a styling that fits my visual needs (just less cluttering).

You need the stylus browser extension.

This is pretty lame (fails at many areas), but maybe some find it interesting to try out, and maybe offer improved versions.

@-moz-document url-prefix("https://users.rust-lang.org/t/") {
    .d-header-wrap,
    .drop-down-mode.d-header-wrap,
    .main-avatar,
    div.with-topic-progress.ember-view.topic-navigation {
        display: none !important
    }


    button.btn.btn-icon-text.btn-primary.btn-small.progress-back {
        background-color: green!important
    }

    p a code {
        color: #7a7ad1;
    }

    nav[title="topic progress"] {
        background-color: #555!important;
        border: none!important
    }
    div#ember20 {
        background-color: rgba(0, 0, 0, 0)!important;
    }
}

And for the main site:

@-moz-document url-prefix("https://users.rust-lang.org/") {
    * {
        font-family: system-ui, sans-serif;
        border: none!important;
        outline: none;
    }
    *:not(code):not(code span) {
        background-color: rgba(32, 42, 52, .839)!important;
    }
    *:not(code span) {
        color: rgb(218, 208, 208)!important;
    }
    tr[data-topic-id="42214"],
    tr[data-topic-id="77411"] {
        display: none
    }

    table thead tr:nth-child(1) {
        display: none!important
    }

    code {
        font-family: monospace;
        background-color: rgba(15, 20, 25, .839)!important;
    }
}

How does it look in my pc now (In the editing window):

screenshot

1 post - 1 participant

Read full topic

🏷️ Rust_feed