Twitter-icoon bijgewerkt naar X-logo

professor farnsworth futurama GIF

We’ve temporarily added the X logo as an available icon in core Discourse to allow everyone to make the branding switch on their own. Upgrading the entirety of Font Awesome in Discourse is a very large project, so this is meant to allow a workaround in the mean time.

If you’re looking to make the change, you can follow these steps:

  1. Add temporary-twitter-x to your svg icon subset site setting

  2. Create a new theme component and add the following code to the noted sections:

    Common > Head

    <script type="text/discourse-plugin" version="0.11">
      api.replaceIcon('fab-twitter', 'temporary-twitter-x');
    </script>
    

    Common > Color Definitions

    :root {
     --twitter: $twitter-or-white: dark-light-choose(unquote("#000"), unquote("#fff"));
    }
    

And that should be that. :slight_smile: :+1:

You may also wish to update your site text customisations to use the new branding if you haven’t already:

/admin/customize/site_texts?q=twitter

Hopefully this will suffice until a more permanent solution is in place :crossed_fingers: (or it gets changed to something entirely different next month :slight_smile:)

16 likes

When this eventually happens, will it be optional? I don’t care what Elon says, I’m calling it Twitter, it is not “x”, and I’m keeping it that way on my sites. The logo looks bad anyways, I want to keep the bird.

2 likes

Even if it was the default behavior, you could still use the same code in reverse to replace the 𝕏 with the :bird:.

5 likes

I’m not a developer, so I don’t know how to do this, but when using these instructions I get an admin warning banner that points to this page…

Can this be updated so I don’t lose the X icon?

Dat heb je niet meer nodig, aangezien het X-icoon is opgenomen in FontAwesome 6 en Discourse is bijgewerkt om dat te gebruiken.

Dat is goed om te weten, maar toen ik het probeerde met het ‘x-twitter’-icoon, kreeg ik een lege spatie. Toen ik ‘fa-x-twitter’ toevoegde aan de lijst met SVG-iconen, was er geen verandering.

Wat moet ik doen om het officieel te laten verschijnen?

Merkpictogrammen hebben ‘fab’ (Font Awesome Brand) als voorvoegsel nodig

Ik zag dat net van je andere bericht, bedankt.

Op basis van wat ik op de FA-website zag, dacht ik dat het gewoon fa-x-twitter moest zijn.

Maybe you were confused by the html example


But you can for example see the fab here

1 like

Waarschijnlijk wel. Ik klik en wijs soms als een gek.