Better logo

Author: jeroenleenarts

README.md

@@ -1,14 +1,21 @@
 # Stream Chat CSS
 
 <div align="center">
-  <img src="https://getstream.io/images/logos/stream-logo-mark-color.svg" width="88" alt="Stream logo" />
+  <picture>
+    <source media="(prefers-color-scheme: dark)" srcset="https://github.com/user-attachments/assets/fb6b6686-ce5d-4c8f-87b7-9bb495b6ce66">
+    <source media="(prefers-color-scheme: light)" srcset="https://github.com/user-attachments/assets/19dd203e-c84a-4015-9c90-1a54212fc2e2">
+    <img src="https://github.com/user-attachments/assets/19dd203e-c84a-4015-9c90-1a54212fc2e2" width="120" alt="Stream logo">
+  </picture>
   <h3>Beautiful, ready-to-use styling for Stream Chat SDKs</h3>
 
   [![NPM](https://img.shields.io/npm/v/@stream-io/stream-chat-css.svg)](https://www.npmjs.com/package/@stream-io/stream-chat-css)
   [![License](https://img.shields.io/badge/License-MIT-blue.svg)](https://github.com/GetStream/stream-chat-css/blob/main/LICENSE)
   [![Build Status](https://img.shields.io/github/workflow/status/GetStream/stream-chat-css/CI/main)](https://github.com/GetStream/stream-chat-css/actions)
 </div>
 
+![stream-light](https://github.com/user-attachments/assets/19dd203e-c84a-4015-9c90-1a54212fc2e2)
+<!-- Removing duplicate dark mode logo since it's now used in the responsive header -->
+
 ## 📝 Overview
 
 Stream Chat CSS provides a comprehensive set of styles that power the UI components in [Stream](https://getstream.io/)'s Chat SDKs. This package is designed to make implementing beautiful, responsive chat interfaces straightforward and consistent.