Custom style (working on it)

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

surdeus

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