LinkedIn im Stil von DIE LINKE.

LinkedIn im Stil von DIE LINKE.svg

linkedin.user.css

/* ==UserStyle==
@name        LinkedIn im Stil von DIE LINKE.
@version     1.0.1
@description LinkedIn im Stil von DIE LINKE.
@namespace   tobimori
@author      tobimori
@homepageURL https://gist.github.com/tobimori/ac48dce1eef544380cfab10cbb701a84
@supportURL  https://gist.github.com/tobimori/ac48dce1eef544380cfab10cbb701a84
@updateURL   https://gist.githubusercontent.com/tobimori/ac48dce1eef544380cfab10cbb701a84/raw/linkedin.user.css
@license     MIT
==/UserStyle== */
@-moz-document domain("linkedin.com") {
  /* replace blue coloring */
  :root {
    --blue-10: #FEE9E7;
    --blue-20: #FBC6C3;
    --blue-30: #F8A3A0;
    --blue-40: #F37F7F;
    --blue-50: #EE5E60;
    --blue-50-a20: rgba(238, 94, 96, 0.2);
    --blue-50-a30: rgba(238, 94, 96, 0.3);
    --blue-60: #E73E45;
    --blue-70: #e01f2c;
    --blue-80: #AB152B;
    --blue-90: #730C24;
  }

  /* replace footer branding with DIE LINKE */
  #compactfooter-copyright::after {
    content: "DIE LINKE. © 2021";
    font-size: 1.2rem;
    margin-left: 1em;
  }

  #compactfooter-copyright {
    font-size: 0px;
  }

  li-icon.global-footer-compact__linkedin-logo {
    vertical-align: bottom;
  }

  /* replace Logo */
  svg.global-nav__logo {
    display: none;
  }

  h1.global-nav__branding a::after {
    content: url('https://gist.githubusercontent.com/tobimori/ac48dce1eef544380cfab10cbb701a84/raw/LinkedIn%2520im%2520Stil%2520von%2520DIE%2520LINKE.svg');
    height: 34px;
    width: 79.39px;
    display: block;
    margin-right: 20px;
  }

  /* li-icon replace logo */
  li-icon[type="linkedin-logo"] svg {
    display: none;
  }

  li-icon[type=linkedin-logo][size="14dp"] {
    height: 2rem;
    width: 4.64rem;
  }

  li-icon[type="linkedin-logo"]::after {
    content: url('https://gist.githubusercontent.com/tobimori/ac48dce1eef544380cfab10cbb701a84/raw/LinkedIn%2520im%2520Stil%2520von%2520DIE%2520LINKE.svg');
    height: 2rem;
    width: 4.64rem;
    display: block;
  }

  /* replace load logo */
  div.initial-load-animation div.linkedin-image::after {
    content: url('https://gist.githubusercontent.com/tobimori/ac48dce1eef544380cfab10cbb701a84/raw/LinkedIn%2520im%2520Stil%2520von%2520DIE%2520LINKE.svg');
    height: 48px;
    width: 111.504px;
    display: block;
  }

  div.initial-load-animation div.linkedin-image svg {
    display: none;
  }
}

Zur Installation einmal hier entlang

Benötigt Stylus!