X Ambient v0.4.0

Install X Ambient

1. Download x-ambient.zip from this release and extract it.
2. In Chrome, open chrome://extensions and turn on Developer mode.
3. Click Load unpacked and select the folder containing manifest.json.
4. Reload a supported site. Open X post details or hover over timeline posts and replies, browse Instagram's feed/Reels or TikTok's For You feed, or open a video on Twitch, Kick or Niconico.

On X detail pages, the opened post lights up automatically. Hover over a reply to switch its colors into the background; leaving the reply returns to the opened post while its media is visible.

On Instagram, the centered feed post or Reel lights up automatically. Mostly visible playing videos take priority, and carousels follow the current slide.

On TikTok, For You follows the active video without hovering, including canvas-based playback. On Niconico, open a /watch/ video page to follow its main player; native comments and controls stay clear.

Use the extension's toolbar icon to adjust the lighting and language. Language follows Chrome automatically, or you can choose any supported language by its native name. Portuguese offers Brazil and Portugal; Arabic uses a right-to-left layout. Fit X cards to window width is off by default. Resetting lighting settings preserves the language choice.

To update an existing installation, replace the files in the same folder, click the extension's Reload button (↻), and reload the supported pages.

Español

1. Extraé el ZIP de esta versión.
2. Abrí chrome://extensions y activá Modo desarrollador.
3. Elegí Cargar descomprimida y seleccioná la carpeta que contiene manifest.json.
4. Recargá el sitio compatible. Abrí el detalle de una publicación de X o pasá el cursor sobre publicaciones y respuestas, navegá por el feed/Reels de Instagram o Para ti de TikTok, o abrí un video en Twitch, Kick o Niconico.

En el detalle de X, la publicación abierta se ilumina automáticamente. Pasá el cursor sobre una respuesta para cambiar los colores; al salir, vuelve a la publicación abierta mientras su contenido esté visible.

Instagram sigue automáticamente la publicación centrada o el Reel activo, con prioridad para los videos mayormente visibles en reproducción y la imagen actual de los carruseles.

TikTok sigue el video activo de Para ti sin pasar el cursor, incluso cuando se muestra mediante un lienzo. Niconico sigue el reproductor principal en las páginas /watch/ y conserva sus comentarios y controles.

Abrí el icono de la extensión para ajustar la iluminación. En Idioma, elegí cualquier idioma compatible por su nombre nativo o dejá la detección automática. El portugués ofrece Brasil y Portugal; el árabe se muestra de derecha a izquierda. El ajuste del ancho de las tarjetas de X está desactivado inicialmente. Para actualizar, reemplazá los archivos en la misma carpeta, pulsá Recargar y recargá las páginas.

日本語

1. このReleaseの x-ambient.zip をダウンロードして解凍します。
2. Chromeで chrome://extensions を開き、「デベロッパーモード」を有効にします。
3. 「パッケージ化されていない拡張機能を読み込む」で manifest.json があるフォルダを選びます。
4. 対応サイトを再読み込みします。Xの投稿詳細を開くか、タイムライン・返信にホバーし、Instagramのフィード・リールかTikTokのおすすめを表示するか、Twitch・Kickの動画・配信、ニコニコの動画詳細を開いてください。

Xの詳細では、開いたポストが自動で点灯します。返信へのホバーで色を切り替え、ホバーが外れると元のポストに戻ります。画面外のメディアは対象外です。

Instagramでは、ホバーなしで画面中央の投稿・リールに追従します。十分に見えている再生中の動画を優先し、カルーセルは表示中の画像だけを使います。

TikTokでは、ホバーなしでおすすめのアクティブな動画に追従し、Canvasによる表示にも対応します。ニコニコでは動画詳細（/watch/）のメインプレーヤーに追従し、コメントや操作UIはくっきり残ります。

ツールバーの拡張アイコンから設定と言語を変更できます。ブラウザの言語を自動で使用するか、各言語の現地名から手動で選択できます。ポルトガル語はブラジル版とポルトガル版を選択でき、アラビア語は右から左へ表示します。「Xのカードを画面幅に合わせる」は標準でOFFです。

更新時は同じフォルダに新しいファイルを置き、拡張管理画面の更新ボタン（↻）を押して対応サイトも再読み込みします。

Source and documentation / ソース・ドキュメント

What's Changed

• Add TikTok For You and Niconico video support by @mmnga in #6

Full Changelog: v0.3.0...v0.4.0

X Ambient v0.3.0

Install X Ambient

1. Download x-ambient.zip from this release and extract it.
2. In Chrome, open chrome://extensions and turn on Developer mode.
3. Click Load unpacked and select the folder containing manifest.json.
4. Reload X, Instagram, Twitch, or Kick. Open a post's details or hover over a timeline post or reply on X, browse Instagram's feed or Reels without hovering, or play a video or live stream on Twitch or Kick.

On X detail pages, the opened post lights up automatically. Hover over a reply to switch its colors into the background; leaving the reply returns to the opened post while its media is visible.

On Instagram, the centered feed post or Reel lights up automatically. Mostly visible playing videos take priority, and carousels follow the current slide.

Use the extension's toolbar icon to adjust the lighting and language. Language follows Chrome automatically, or you can choose any supported language by its native name. Portuguese offers Brazil and Portugal; Arabic uses a right-to-left layout. Fit X cards to window width is off by default. Resetting lighting settings preserves the language choice.

To update an existing installation, replace the files in the same folder, click the extension's Reload button (↻), and reload the supported pages.

Español

1. Extraé el ZIP de esta versión.
2. Abrí chrome://extensions y activá Modo desarrollador.
3. Elegí Cargar descomprimida y seleccioná la carpeta que contiene manifest.json.
4. Recargá X, Instagram, Twitch o Kick. Abrí el detalle de una publicación de X o pasá el cursor sobre publicaciones y respuestas, navegá por el feed o Reels de Instagram, o reproducí un video o un directo en Twitch o Kick.

En el detalle de X, la publicación abierta se ilumina automáticamente. Pasá el cursor sobre una respuesta para cambiar los colores; al salir, vuelve a la publicación abierta mientras su contenido esté visible.

Instagram sigue automáticamente la publicación centrada o el Reel activo, con prioridad para los videos mayormente visibles en reproducción y la imagen actual de los carruseles.

Abrí el icono de la extensión para ajustar la iluminación. En Idioma, elegí cualquier idioma compatible por su nombre nativo o dejá la detección automática. El portugués ofrece Brasil y Portugal; el árabe se muestra de derecha a izquierda. El ajuste del ancho de las tarjetas de X está desactivado inicialmente. Para actualizar, reemplazá los archivos en la misma carpeta, pulsá Recargar y recargá las páginas.

日本語

1. このReleaseの x-ambient.zip をダウンロードして解凍します。
2. Chromeで chrome://extensions を開き、「デベロッパーモード」を有効にします。
3. 「パッケージ化されていない拡張機能を読み込む」で manifest.json があるフォルダを選びます。
4. X、Instagram、Twitch、Kickを再読み込みします。Xの投稿詳細を開くか、タイムライン・返信にホバーするか、Instagramのフィード・リールを表示するか、Twitch・Kickの動画や配信を再生してください。

Xの詳細では、開いたポストが自動で点灯します。返信へのホバーで色を切り替え、ホバーが外れると元のポストに戻ります。画面外のメディアは対象外です。

Instagramでは、ホバーなしで画面中央の投稿・リールに追従します。十分に見えている再生中の動画を優先し、カルーセルは表示中の画像だけを使います。

ツールバーの拡張アイコンから設定と言語を変更できます。ブラウザの言語を自動で使用するか、各言語の現地名から手動で選択できます。ポルトガル語はブラジル版とポルトガル版を選択でき、アラビア語は右から左へ表示します。「Xのカードを画面幅に合わせる」は標準でOFFです。

更新時は同じフォルダに新しいファイルを置き、拡張管理画面の更新ボタン（↻）を押して対応サイトも再読み込みします。

Source and documentation / ソース・ドキュメント

What's Changed

• Add English/Spanish localization and Twitch/Kick ambient light by @maxii1996 in #1
• Automatically light X post details and preserve card width fitting by @mmnga in #2
• Automatically light active Instagram feed posts and Reels by @mmnga in #3
• Expand language support and add right-to-left Arabic layouts by @mmnga in #4
• Xの強さをテーマ色から元のメディア色への変化に修正 by @mmnga in #5

New Contributors

• @maxii1996 made their first contribution in #1
• @mmnga made their first contribution in #2

Full Changelog: v0.2.2...v0.3.0

X Ambient v0.2.2

Install X Ambient

1. Download x-ambient.zip from this release and extract it.
2. In Chrome, open chrome://extensions and turn on Developer mode.
3. Click Load unpacked and select the folder containing manifest.json.
4. Reload X and hover over a post containing a photo or video.

Use the extension's toolbar icon to adjust the lighting. Fit cards to window width is off by default.

To update an existing installation, replace the files in the same folder, click the extension's Reload button (↻), and reload X.

日本語

1. このReleaseの x-ambient.zip をダウンロードして解凍します。
2. Chromeで chrome://extensions を開き、「デベロッパーモード」を有効にします。
3. 「パッケージ化されていない拡張機能を読み込む」で manifest.json があるフォルダを選びます。
4. Xを再読み込みし、画像・動画のある投稿にホバーします。

ツールバーの拡張アイコンから設定できます。「カードを画面幅に合わせる」は標準でOFFです。

更新時は同じフォルダに新しいファイルを置き、拡張管理画面の更新ボタン（↻）を押してXも再読み込みします。

Source and documentation / ソース・ドキュメント

Full Changelog: https://github.com/mmnga/x-ambient/commits/v0.2.2