Tampermonkey Script: LinkedIn - Override de Cores de Fundo (Agressivo)

gistfile1.txt

// ==UserScript==
// @name          LinkedIn - Fundo com Cores Múltiplas (Ultra Forçado)
// @namespace     TemperMonkey
// @version       1.6
// @description   Muda as cores de fundo de elementos específicos do LinkedIn, usando seletores ultra-agressivos, funcionando em todas as subpáginas.
// @author        Guilherme Giacomini Teixeira
// @match         https://*.linkedin.com/*
// @grant         GM_addStyle
// @run-at        document-start
// ==/UserScript==

(function() {
    'use strict';

    console.log("LinkedIn: Script de Fundo com Cores Múltiplas V1.6 - Executado!");

    // Cores obtidas dos seus exemplos
    const COR_FUNDO_PRINCIPAL = '#f9af00'; // Amarelo/Laranja (Feed e Conteúdo Principal)
    const COR_NAV_GLOBAL      = '#f4f2ee'; // Branco/Bege Claro (Barra de Navegação Superior)
    const COR_POPUP_MSG       = '#e2dccd7d'; // Tom Transparente/Bege (Bolha de Mensagens)

    // Injetando o CSS com a força máxima
    GM_addStyle(`
        /* 1. Força total no corpo e HTML com o Fundo Principal */
        :root, body, html {
            background-color: ${COR_FUNDO_PRINCIPAL} !important;
            margin: 0 !important;
            padding: 0 !important;
        }

        /* 2. Aplicando cores específicas aos elementos da UI */

        /* Barra de Navegação Global (Header) */
        #global-nav {
            background-color: ${COR_NAV_GLOBAL} !important;
        }

        /* Bolha de Mensagens (Contêiner e a Bolha em si) */
        .msg-overlay-container,
        .msg-overlay-list-bubble {
            background-color: ${COR_POPUP_MSG} !important;
        }

        /* 3. Aplicando o Fundo Principal (#f9af00) em contêineres do layout principal
           NOVOS SELETORES ADICIONADOS AQUI: scaffold-layout e authentication-outlet */
        #voyager-feed,
        .scaffold-layout,  /* NOVO! Contêiner principal, muito comum. */
        .authentication-outlet, /* NOVO! Contêiner de páginas de login/autenticação ou sub-rotas. */
        .scaffold-layout__content,
        div[role="main"] {
             background-color: ${COR_FUNDO_PRINCIPAL} !important;
        }

        /* 4. Tornando TRANSPARENTE contêineres intermediários
           Isso garante que o fundo principal apareça, em vez de um fundo branco padrão. */
        .scaffold-layout__row,
        .scaffold-layout__main,
        .scaffold-layout__aside,
        .scaffold-layout__main-content,
        .scaffold-layout__column--main,
        .scaffold-layout__main-content--limit-width,
        .feed-grid__content,
        .main,
        .entity-result__item,
        .entity-result__content,
        .global-alert-list,
        .scaffold-finite-scroll,
        .scaffold-finite-scroll__content,
        .pv-authenticated-profile-content,
        .core-rail,
        .app-outlet {
             background-color: transparent !important;
        }
    `);
})();