v0.1.0 - Dark theme, Ability to override theme, Override theme options, and many more!!

What's Changed

• feat: add dark mode by @w3cj in #3
• feat: v0.1.0 (theming, ui cleanup, style override support) by @saurabhdaware in #11

New Features

• Dark Theme is Here!! 🌌

  Thanks to @w3cj for a lot of initial work, bsky-widget now supports theme prop with light, dark, dim, auto, auto-dim modes!!

  <bsky-widget handle="srbh.dev" theme="dim"></bsky-widget>

• Style Overrides

  We made some internal changes in web-component for you to allow overriding styles! You can now override things like box-shadow of card, widths and heights, border-radius, font, and more!!

  Additionally, you can also override css variables to customise the theme for your sites <3.

  Checkout Override Styles documentation

• Drop that data-

  You don't need data- prefix in props anymore. You can directly use props like handle, show-description, show-banner, theme, etc. Thanks to Justin Fagnani for this suggestion.

  <bsky-widget handle="srbh.dev" show-description="true" show-banner="true" theme="dim"></bsky-widget>

  [!NOTE]

  The earlier data- props will still continue to work so you can safely upgrade the library without breaking change

• Cleanup

  • Slight changes in text color
  • followers count is now formatted (5100 -> 5.1k)
  • Improved error UI
  • UI cleanup for playground

How to Migrate from v0.0?

v0.1 is non-breaking change and can be safely upgraded without having to change anything in implementation.

Updating if used as script module

<script
-  src="https://unpkg.com/bsky-widget@~0.0/dist/index.js" 
+  src="https://unpkg.com/bsky-widget@~0.1/dist/index.js" 
  type="module"
></script>

Updating if used as NPM packge

npm update bsky-widget@latest

New Contributors

• @w3cj made their first contribution in #3

Full Changelog: v0.0.20...v0.1.0