Skip to content

Normalise MDN Links to Blue by zaccolley

Details

Authorzaccolley

LicenseNo License

Categorymdn

Created

Updated

Size2.8 kB

Statistics

Learn how we calculate statistics in the FAQ.

Failed to fetch stats.

Description

I don't like that the links change colour across the website. This makes them all blue.

Notes

Userstyle doesn't have notes.

Source code

/* ==UserStyle==
@name         Normalise MDN Links to Blue
@version      20220324.18.21
@namespace    userstyles.world/user/zaccolley
@description  I don't like that the links change colour across the website. This makes them all blue.
@author       zaccolley
@license      No License
==/UserStyle== */

@-moz-document domain("developer.mozilla.org") {
.submenu-icon {
  background: var(--icon-secondary) !important;
}

.submenu li a:hover .submenu-icon {
  background: var(--icon-secondary) !important;
}

root, body, #root {
  --new-blue: #58a6ff;
  
  --css-accent-color: var(--new-blue);
  --text-link: var(--new-blue);
  --code-color: var(--new-blue);
  
  --accent-primary: #468df3;
  --accent-primary-engage: rgba(70,141,243,0.1);
  --accent-secondary: #468df3;
  --shadow-01: 0px 1px 2px rgba(251,251,254,0.2);
  --shadow-02: 0px 1px 6px rgba(251,251,254,0.2);
  --focus-01: 0px 0px 0px 3px rgba(251,251,254,0.5);
  --code-background-inline: #2b2a33;
  --code-background-block: #2b2a33;
  --scrollbar-color: hsla(0,0%,100%,0.25);
  --category-color: #74a9f6;
  --category-color-background: rgba(116,169,246,0.4392156862745098);
  --code-color: #a3c6f9;
  --mark-color: #0e4390;

  --plus-accent-color: var(--css-accent-color);
  --html-accent-color: var(--css-accent-color);
  --js-accent-color: var(--css-accent-color);
  --http-accent-color: var(--css-accent-color);
  --apis-accent-color: var(--css-accent-color);
  --learn-accent-color: var(--css-accent-color);

  --plus-code-color: var(--css-code-color);
  --html-code-color: var(--css-code-color);
  --js-code-color: var(--css-code-color);
  --http-code-color: var(--css-code-color);
  --apis-code-color: var(--css-code-color);
  --learn-code-color: var(--css-code-color);

  --plus-mark-color: var(--css-mark-color);
  --html-mark-color: var(--css-mark-color);
  --js-mark-color: var(--css-mark-color);
  --http-mark-color: var(--css-mark-color);
  --apis-mark-color: var(--css-mark-color);
  --learn-mark-color: var(--css-mark-color);
  
  --plus-accent-engage: var(--css-accent-engage);
  --html-accent-engage: var(--css-accent-engage);
  --js-accent-engage: var(--css-accent-engage);
  --http-accent-engage: var(--css-accent-engage);
  --apis-accent-engage: var(--css-accent-engage);
  --learn-accent-engage: var(--css-accent-engage);
  
  --plus-accent-background-color: var(--css-accent-background-color);
  --html-accent-background-color: var(--css-accent-background-color);
  --js-accent-background-color: var(--css-accent-background-color);
  --http-accent-background-color: var(--css-accent-background-color);
  --apis-accent-background-color: var(--css-accent-background-color);
  --learn-accent-background-color: var(--css-accent-background-color);
  
  --modal-backdrop-color: rgba(21,20,26,0.7);
  --blend-color: rgba(0,0,0,0.5019607843137255);
  
}
}

Reviews

No reviews yet.