xeniasteam.user.css

/* ==UserStyle==
@name           Xenia as Linux Icon
@namespace      github.com/Commenter25
@version        1.0.2
@description    Replaces the SteamOS/Linux icon with the real Linux mascot. Credit to Zaeroses for the Xenia SVG, which is under the Unlicense. And credit to nanopone for the idea!
@author         Commenter25
@homepageURL    https://github.com/Commenter25/userstyles
@supportURL     https://github.com/Commenter25/userstyles/issues
@updateURL      https://raw.githubusercontent.com/Commenter25/userstyles/master/xeniasteam/xeniasteam.user.css
@license        Unlicense
==/UserStyle== */

@-moz-document domain("steampowered.com") {
    :root {
        --xenia: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAxNzUgMTc1IiBmaWxsPSIjZmZmIj48cGF0aCBkPSJNMTAzLjcyIDEyOC4zODJjNS4xLTkuMjcgMTIuODktMTIuOCAxOS4zNi0xNC41MSAxMC4wMy0yLjY1IDE4LjkzLTYuMjIgMjUuNS0xMi4wNS41My0uNDguNDctMS4zMy0uMS0xLjc2LTUuODktNC40Mi0xMS42Mi0xMC4zMy0xNi41MS0xNi42OS0uNDYtLjU5LTEuMzktLjItMS4yOS41NS4xNCAxLjAxLjIxIDIuMDQuMjEgMy4wOSAwIDEyLjUyLTEwLjE4IDIyLjctMjIuNjkgMjIuNy0uMzIgMC0uNjQtLjAxLS45NS0uMDItLjktLjA0LTEuNzguMjQtMi41MS43NmwtMS43NCAxLjIyYy0yLjUzIDEuNzktNS40NiAyLjc0LTguNyAyLjgySDgwLjdjLTMuMjQtLjA4LTYuMTctMS4wMy04LjctMi44MmwtMS43NC0xLjIyYy0uNzMtLjUyLTEuNjEtLjgtMi41MS0uNzYtLjMxLjAxLS42My4wMi0uOTUuMDItMTIuNTEgMC0yMi42OS0xMC4xOC0yMi42OS0yMi43IDAtMS4wNS4wNy0yLjA4LjIxLTMuMDkuMS0uNzUtLjgzLTEuMTQtMS4yOS0uNTUtNC44OSA2LjM2LTEwLjYyIDEyLjI3LTE2LjUxIDE2LjY5LS41Ny40My0uNjMgMS4yOC0uMSAxLjc2IDYuNTcgNS44MyAxNS40NyA5LjQgMjUuNSAxMi4wNSA2LjQ3IDEuNzEgMTQuNzIgNS41MyAxOS4zNiAxNC41MS4wMi4wMy4wMy4wNy4wNC4xIDIuMzkgNS45My01LjUxIDEwLjU3LTExLjU3IDEyLjYxLTIuMS43MS00LjMgMS4yOS02LjYzIDEuNzItNS4wNCAxLjItMTAuMDggMi40MS0xNS40OCA1LjItMi40MiAxLjI2LTQuMjkgMy4zNi01LjM3IDUuODdsLTIuMTkgNS4xM2gxMTQuODRsLTIuMTktNS4xM2MtMS4wOC0yLjUxLTIuOTUtNC42MS01LjM3LTUuODctNS40LTIuNzktMTAuNDQtNC0xNS40OC01LjItMi4zMy0uNDMtNC41My0xLjAyLTYuNjMtMS43Mi02LjA2LTIuMDQtMTMuOTYtNi42OC0xMS41Ny0xMi42MS4wMS0uMDMuMDItLjA3LjA0LS4xeiIvPjxwYXRoIGQ9Ik0xMDguMiAxMDMuNzEyYzkuMjIgMCAxNi42OS03LjQ4IDE2LjY5LTE2LjcgMC05LjIyLTcuNDctMTYuNy0xNi42OS0xNi43LTcuODYgMC0xNC40NCA1LjQyLTE2LjIyIDEyLjcyYTUuOTU3IDUuOTU3IDAgMCAwLTQuNDgtMi4wMmMtMS43OCAwLTMuMzkuNzgtNC40OCAyLjAyLTEuNzgtNy4zLTguMzYtMTIuNzItMTYuMjItMTIuNzItOS4yMiAwLTE2LjY5IDcuNDgtMTYuNjkgMTYuNyAwIDkuMjIgNy40NyAxNi43IDE2LjY5IDE2LjcgMS4zIDAgMi41Ni0uMTUgMy43Ny0uNDMgMi45OS0uNjkgNS42OC0yLjE4IDcuODEtNC4yNC43OS0uNzUgMS41LTEuNTggMi4xMi0yLjQ4LjYyLS44OSAxLjE2LTEuODQgMS41OS0yLjg1LjM5LS44Ny43LTEuNzguOTMtMi43Mi4zMS0xLjI3LjQ4LTIuNjEuNDgtMy45OCAwLTIuMjEgMS43OS00IDQtNHM0IDEuNzkgNCA0YzAgMS4zNy4xNyAyLjcxLjQ4IDMuOTguMjMuOTQuNTQgMS44NS45MyAyLjcyLjQzIDEuMDEuOTcgMS45NiAxLjU5IDIuODUuNjIuOSAxLjMzIDEuNzMgMi4xMiAyLjQ4IDIuMTMgMi4wNiA0LjgyIDMuNTUgNy44MSA0LjI0IDEuMjEuMjggMi40Ny40MyAzLjc3LjQzeiIvPjxwYXRoIGQ9Ik00NS4yMyA3NS42NTJjLjY2LjU2IDEuNjguNDEgMi4xMy0uMzQgMy45OC02LjU5IDExLjItMTEgMTkuNDQtMTEgNy41OSAwIDE0LjQ0IDMuNzIgMTguNTkgOS42My40Ny42OCAxLjI3IDEuMDcgMi4xIDEuMDdoLjAyYy44MyAwIDEuNjMtLjM5IDIuMS0xLjA3IDQuMTUtNS45MSAxMS05LjYzIDE4LjU5LTkuNjMgOC4yNCAwIDE1LjQ2IDQuNDEgMTkuNDQgMTEgLjQ1Ljc1IDEuNDcuOSAyLjEzLjM0IDEyLjgyLTEwLjg0IDguOTQtMjEuMzkgNy44OS0yMy42Ni0uMTktLjQtLjM3LS44LS41My0xLjJsLTEzLjgtMzQuMjJhLjkzOC45MzggMCAwIDAtMS41MS0uMzNjLTIuMTYgMi4wMy00LjY0IDQuNTktOS4yOCAxMC44NSAwIC4wOC03LjU1IDEwLjA5LTEwLjU3IDE3LjI5LS4zMi43Ny0xLjEyIDEuMjItMS45NSAxLjA5LTMuNTctLjU2LTcuOTctLjg1LTEyLjUyLS44Mi00LjU1LS4wMy04Ljk1LjI2LTEyLjUyLjgyLS44My4xMy0xLjYzLS4zMi0xLjk1LTEuMDktMy4wMi03LjItMTAuNTctMTcuMjEtMTAuNTctMTcuMjktNC42NC02LjI2LTcuMTItOC44Mi05LjI4LTEwLjg1YS45MzguOTM4IDAgMCAwLTEuNTEuMzNsLTEzLjggMzQuMjJjLS4xNi40LS4zNC44LS41MyAxLjItMS4wNSAyLjI3LTQuOTMgMTIuODIgNy44OSAyMy42NnptMzIuODMgMjkuMzRjLS4wMy0uMjQtLjExLS4zNi0uMjYtLjU3LS40MS0uNDQtMS4xLS40Mi0xLjUyLjAxLS41MS41My0xLjEuOTMtMS43NCAxLjIyLS42MS4yNy0uOTQuOTQtLjczIDEuNTdoLjAxYy4xMi4zOC41MS42My44OC41MS43Ni0uMjQuODUtLjQxIDEuMzktLjQxLjI0IDAgLjM2LjA2LjU2LjE1LjAyLjAyLjAzLjAyLjA0LjAyIDEuMTMuNTYgMi4yOC44NSAzLjQxLjk1LjM1Ljk5Ljk0IDIuNDUgMS42NSAzLjA0IDAgMCAuMTQtLjc5LjM5LTEuNjcuMjQtLjgzLjk0LTEuNDMgMS43OS0xLjYuOTYtLjE5IDEuOC0uNDUgMi40Ny0uNy4yMi0uMDguNDItLjE2LjYtLjIzLjE2LS4wNy4zMy0uMTEuNS0uMTEuMTcgMCAuMzQuMDQuNS4xMS4xOC4wNy4zOC4xNS42LjIzLjY3LjI1IDEuNTEuNTEgMi40Ny43Ljg1LjE3IDEuNTUuNzcgMS43OSAxLjYuMjUuODguMzkgMS42Ny4zOSAxLjY3LjcxLS41OSAxLjMtMi4wNSAxLjY1LTMuMDQgMS4xMy0uMSAyLjI4LS4zOSAzLjQxLS45NS4wMSAwIC4wMiAwIC4wNC0uMDIuMi0uMDkuMzItLjE1LjU2LS4xNS41NCAwIC42My4xNyAxLjM5LjQxLjM3LjEyLjc2LS4xMy44OC0uNWguMDFjLjIxLS42NC0uMTItMS4zMS0uNzMtMS41OC0uNjQtLjI5LTEuMjMtLjY5LTEuNzQtMS4yMi0uNDItLjQzLTEuMTEtLjQ1LTEuNTItLjAxLS4xNS4yMS0uMjMuMzMtLjI2LjU3LS4wMy4zOS4wOC43NC0uMDYuODgtLjE3LjE5LS40MS4yNC0uODMuMzMtMi4yOC40OC01LjExLS4xLTYuODMtLjY3LS40My0uMTQtLjcyLS41NS0uNzItMXYuMTRjMC0uMzYuMS0uNTQuMjctLjYzLjU4LS4zMiAxLjMyLS43MyAxLjc5LTEuMDMgMS4xOS0uNzYgMi4yMS0xLjYyIDIuNzYtMi43My40Ny0uOTQtLjAyLTIuMS0xLTIuNDktMS42MS0uNjMtMy4yMS0uOTUtNC44Mi0uOTQtMS42MS0uMDEtMy4yMS4zMS00LjgyLjk0LS45OC4zOS0xLjQ3IDEuNTUtMSAyLjQ5LjU1IDEuMTEgMS41NyAxLjk3IDIuNzYgMi43My40Ny4zIDEuMjEuNzEgMS43OSAxLjAzLjE3LjA5LjI3LjI3LjI3LjYzdi0uMTRjMCAuNDUtLjI5Ljg2LS43MiAxLTEuNzIuNTctNC41NSAxLjE1LTYuODMuNjctLjQyLS4wOS0uNjYtLjE0LS44My0uMzMtLjE0LS4xNC0uMDMtLjQ5LS4wNi0uODh6Ii8+PC9zdmc+Cg==)
    }
    
    /* Majority of icons */
    span.platform_img.linux { 
        background-image: var(--xenia) !important; 
    }
    .tab_item.focus .tab_item_details span.platform_img.linux {
      filter: brightness(20%);
    }
    
    /* Some sale pages and stuff */
    .SVGIcon_SteamLogo { 
        background: var(--xenia) center; 
        background-size: 20px; /* breaks if all one property?? */
    }
    .SVGIcon_SteamLogo path { display: none }
    
    /* Install Steam */
    .about_install.linux:not(.mobile) .about_install_steam_link::after {
      background: var(--xenia) center; 
      background-size: 22px; /* same story as before */
    }
}