Skip to content

Bluesky - Fix Missing Flag Emojis and More by thissteveguy

Screenshot of Bluesky - Fix Missing Flag Emojis and More

Details

Authorthissteveguy

LicenseCC-BY-NC-SA-4.0

Categorybsky.app

Created

Updated

Size944 B

Statistics

Learn how we calculate statistics in the FAQ.

Failed to fetch stats.

Description

Replaces Bluesky's emoji font with the open-source Noto Color Emoji font, which has more (and better) emojis overall, including every flag.

Notes

Look at examples from the Noto Color Emoji font here.

I've only been able to test this on a Windows computer with Chrome, Firefox, Opera, and Brave.

Installation

  1. Install the Stylus browser extension (Chrome or Brave, Firefox, Opera)
  2. Refresh this tab (so that Stylus will run)
  3. Install the stylesheet
  4. You're all set, refresh Bluesky if it's in an old tab
  5. Tell others about it!

Note about Brave Browser

Brave normally displays Bluesky with a different font than other browsers, I'm not sure why. If you're used to that font and want to keep using it, then you'll want to choose "Brave" in the window that pops up while installing. If you don't do that, then you can always click the ⚙ icon next to the name of this stylesheet in Stylus to open that window.

Source code

/* ==UserStyle==
@name           Bluesky - Fix Missing Flag Emojis and More
@namespace      userstyles.world/user/thissteveguy
@version        25.3.13
@description    Replaces Bluesky's emoji font with the open-source Noto Color Emoji font, which has more (and better) emojis, including flags.
@author         ThisSteveGuy
@license        CC-BY-NC-SA-4.0
@preprocessor   stylus
@var            select   fontFam   "Browser"   {
  'Chrome / Firefox / Opera': 'InterVariable, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Noto Color Emoji"',
  'Brave': '-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, "Noto Color Emoji", sans-serif'
}
==/UserStyle== */

@-moz-document domain("bsky.app") {
    
    @import url('https://fonts.googleapis.com/css2?family=Noto+Color+Emoji&display=swap');

    * {
        font-family: fontFam !important;
    }
    
}

Reviews

No reviews yet.