Skip to content

Stack Overflow Gentler Highlight by jc3

Screenshot of Stack Overflow Gentler Highlight

Details

Authorjc3

LicenseNo License

Categorystackoverflow

Created

Updated

Size1.3 kB

Statistics

Learn how we calculate statistics in the FAQ.

Failed to fetch stats.

Description

For this MSE post, gets rid of some of the yellow background highlighting on the SO main questions list page.

Notes

If the eyeballs are annoying, just remove everything except background-color from the .s-post-summary__watched rule.

Source code

/* ==UserStyle==
@name         Stack Overflow Gentler Highlight
@version      20220208.01.39
@namespace    userstyles.world/user/jc3
@description  For [this MSE post](https://meta.stackexchange.com/questions/376037/confusing-background-color-in-question-list), gets rid of some of the yellow background highlighting on the SO main questions list page.
@author       jc3
@license      No License
==/UserStyle== */

@-moz-document domain("stackoverflow.com") {
/* see: https://meta.stackexchange.com/questions/376037/confusing-background-color-in-question-list */

.s-post-summary__watched {
    background-color: initial;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='14' viewBox='0 0 14 14'%3E%3Cpath d='M7.05 1C2.63 1 0 6.5 0 6.5S2.63 12 7.05 12C11.38 12 14 6.5 14 6.5S11.37 1 7.05 1ZM7 10.17A3.59 3.59 0 0 1 3.5 6.5 3.6 3.6 0 0 1 7 2.83c1.94 0 3.5 1.65 3.5 3.67A3.57 3.57 0 0 1 7 10.17Zm0-1.84c.97 0 1.75-.81 1.75-1.83S7.97 4.67 7 4.67s-1.75.81-1.75 1.83S6.03 8.33 7 8.33Z'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-position: 14px 14px;
}

.s-sidebarwidget__yellow {
    background-color: hsla(47,87%,94%,0.1); /* --yellow-050 + alpha */
}
}

Reviews

No reviews yet.