11

The following userscript will replace the default badge icons with little rubber ducks

enter image description here

enter image description here

// ==UserScript==
// @name        StackExchange, replace badge icons
// @match       *://*.askubuntu.com/*
// @match       *://*.mathoverflow.net/*
// @match       *://*.serverfault.com/*
// @match       *://*.stackapps.com/*
// @match       *://*.stackexchange.com/*
// @match       *://*.stackoverflow.com/*
// @match       *://*.superuser.com/*
// @exclude     *://api.stackexchange.com/*
// @exclude     *://blog.stackexchange.com/*
// @exclude     *://blog.stackoverflow.com/*
// @exclude     *://chat.stackexchange.com/*
// @exclude     *://chat.stackoverflow.com/*
// @exclude     *://data.stackexchange.com/*
// @exclude     *://elections.stackexchange.com/*
// @exclude     *://openid.stackexchange.com/*
// @exclude     *://stackexchange.com/*
// @exclude     *://*/review
// @grant       GM_addStyle
// @run-at      document-start
// ==/UserScript==

GM_addStyle ( `

      /* change icons of badges */
      .badge1, .badge2, .badge3 {
         background-image: url("https://svgshare.com/i/9LE.svg") !important;
      }

` );

Caveat:

For a reason unknown to me, the ducks are cut off on some sites. For example they work fine on sites like

  • tex.stackexchange.com
  • codereview.stackexchange.com

but are cut off on

  • stackapps.com
  • meta.stackexchange.com

(these problems have been fixed in the answer https://stackapps.com/a/8117/54601 by Brock Adams)

Improve this question
4
  • See the revised answer. Also, I added some metadata to your post; reference stackapps.com/a/8113/7653 and stackapps.com/questions/tagged/script?sort=active.
    – Brock Adams
    Nov 17, 2018 at 5:52
  • @BrockAdams You are the best! Thanks a lot also for adding the meta information to my question, I was not aware of this possibility!
    – samcarter_waiting_for_siparty
    Nov 17, 2018 at 13:01
  • PS: I'm amazed at how much having duckies everywhere makes SE sites a little better. Thanks for the idea.
    – Brock Adams
    Nov 19, 2018 at 18:31
  • 1
    @BrockAdams I feel the effect too, I'm much more relaxed with low quality post etc. if there are lots of ducks in my field of view :) Maybe making this the default design would be much more effective then all this welcome wagon initiative thingy :)
    – samcarter_waiting_for_siparty
    Nov 19, 2018 at 20:52

1 Answer 1

Reset to default
5
+50

Source: See GitHub: Stack Exchange, replace badge icons with duckies... and post bug reports and pull requests there.

Install: Install from GitHub

Made some tweaks as follows:
June 01, 2019:

  • Turned on styling for network-user pages.
  • Fixed a race condition / GM_addStyle bug whereby the styles were not sticking for certain page loads.

November 16, 2018:

  • Switched to proper SE image host because svgshare.com was crashing and "exceeding quota".
  • Restored scripts to review paths, since they need duckies too.
  • Moved the script to GitHub, where we can support it more effectively.

November 13, 2018:

  • Fixed the icon cutoffs.
  • Streamlined the @excludes.
Improve this answer
4
  • 1
    Great! Thanks a lot for your answer! Seems to work fine on the sites I have an account on.
    – samcarter_waiting_for_siparty
    Nov 13, 2018 at 23:53
  • What is the use of reputation if not to bounty it away? The only significant hurdle is to be able to comment everywhere and thanks to the association bonus this is covered. (fixed the missing accept, sorry :)
    – samcarter_waiting_for_siparty
    Nov 19, 2018 at 20:52
  • @samcarter, if you get more rep you can review, edit, etc. (hint, hint).
    – Brock Adams
    Nov 19, 2018 at 21:52
  • An alternative image with marmot, koala and duck can be found at i.stack.imgur.com/E3Ac5.png
    – samcarter_waiting_for_siparty
    May 24, 2019 at 13:40

You must log in to answer this question.

Not the answer you're looking for? Browse other questions tagged .