bug: favicon is hard to see in dark mode

メンテナーはふだん 1 日以内に返信

評価

調査の方向性

説明

Describe the bug
The favicon does not adapt to the browser's theme preference, appearing dark/low-contrast against dark browser tabs in dark mode. This affects user experience across all markets (e.g., Ethereum V3, Polygon V3, Arbitrum V3) as the favicon becomes difficult to distinguish in dark browser themes.

To Reproduce
Steps to reproduce the behavior:

1. Go to 'https://app.aave.com' (or any Aave market)
2. Switch your system to dark mode (macOS: System Preferences → General → Appearance → Dark)
3. Observe the browser tab containing the Aave app
4. See the favicon appears dark/low-contrast against the dark browser tab background

Expected behavior
The favicon should automatically adapt to the browser's theme preference:

• Light mode: Display the current favicon design with good contrast against light browser tabs
• Dark mode: Display a lighter/higher-contrast version of the favicon that is clearly visible against dark browser tabs

Screenshots

Aave favicon in light and dark mode

Compared with lens favicon in light and dark mode

Appearance in MetaMask extension

Desktop (please complete the following information):

• OS: macOS 14.5.0 (affects all operating systems with dark mode support)
• Browser: Chrome 91+, Firefox 67+, Safari 12.1+, Edge 79+
• Version: All recent versions that support prefers-color-scheme

Smartphone (please complete the following information):

• Device: iPhone, Android devices
• OS: iOS 13+, Android 10+ (any OS with system dark mode)
• Browser: Safari (iOS), Chrome (Android), Firefox Mobile
• Version: All recent mobile browser versions

Additional context

Technical Details:

• Current favicon implementation uses a static /favicon.ico file that doesn't respond to theme changes
• Modern browsers support prefers-color-scheme media queries for automatic theme detection
• Many other DeFi applications (Uniswap, Compound, etc.) have implemented theme-aware favicons

Impact:

• UX Issue: Users in dark mode struggle to identify the Aave tab among multiple open tabs
• Brand Consistency: The favicon doesn't match the app's sophisticated theme-switching capabilities
• Accessibility: Poor contrast ratios in dark mode may affect users with visual impairments

Browser Support:

• Chrome 76+: Full SVG favicon support with media queries
• Firefox 67+: Full support
• Safari 12.1+: Full support
• Edge 79+: Full support
• Coverage: ~95% of users globally

Priority: Low (affects all users, impacts brand perception and accessibility)

環境構築

はじめの一歩

1. issue を最後まで読み、次にプロジェクトのコントリビューションガイドを読みます。
2. 着手することを issue にコメントします — 二人が同じ作業をするのを防げます。
3. リポジトリをフォークし、ブランチを切って変更します。
4. issue 番号を参照したプルリクエストを送ります。

aave/interface のほかの issue

• bug: hidden reserves are still offered as collateral swap targets

  対応中かも @shivam-V8 が 1 日前に担当しました。 オープン

  ⋯この Issue の問題を報告

  • 何か問題がありますか？

  • すでに着手されている
  • 初心者向けではない
  • 古い・無効
  • その他…
  • 送信 キャンセル

  難易度 2/5 1〜3時間 初心者へのやさしさ 88/100

  aave/interface#3131 · 2026年10月12日 に作成

  メンテナーはふだん 1 日以内に返信

• bug: the current market is missing from the market switcher when it is a legacy market

  対応中かも @shivam-V8 が 2 日前に担当しました。 オープン

  ⋯この Issue の問題を報告

  • 何か問題がありますか？

  • すでに着手されている
  • 初心者向けではない
  • 古い・無効
  • その他…
  • 送信 キャンセル

  難易度 2/5 1〜3時間 初心者へのやさしさ 86/100

  aave/interface#3128 · 2026年10月11日 に作成

  メンテナーはふだん 1 日以内に返信

• bug: market switcher search reports "No markets found" for legacy markets

  対応中かも @shivam-V8 が 2 日前に担当しました。 オープン

  ⋯この Issue の問題を報告

  • 何か問題がありますか？

  • すでに着手されている
  • 初心者向けではない
  • 古い・無効
  • その他…
  • 送信 キャンセル

  難易度 2/5 1〜3時間 初心者へのやさしさ 82/100

  aave/interface#3127 · 2026年10月11日 に作成

  メンテナーはふだん 1 日以内に返信

• Staking: "Claim all" Umbrella rewards button removed by v3 uplift

  対応中かも @MrMichou が 3 日前に担当しました。 オープン

  ⋯この Issue の問題を報告

  • 何か問題がありますか？

  • すでに着手されている
  • 初心者向けではない
  • 古い・無効
  • その他…
  • 送信 キャンセル

  難易度 2/5 1〜3時間 初心者へのやさしさ 66/100

  aave/interface#3124 · 2026年10月10日 に作成

  メンテナーはふだん 1 日以内に返信

• Typo: Principle Tokens -> Principal Tokens

  対応中かも @Shivamd0608 が 140 日前に担当しました。 オープン

  ⋯この Issue の問題を報告

  • 何か問題がありますか？

  • すでに着手されている
  • 初心者向けではない
  • 古い・無効
  • その他…
  • 送信 キャンセル
  bug new issue

  難易度 2/5 1〜3時間 初心者へのやさしさ 72/100

  aave/interface#2861 · コメント 2 件 · 2026年2月6日 に作成

  メンテナーはふだん 1 日以内に返信

aave/interface の issue をすべて見る

似ている issue

• [Bug] Demo alert imports accept empty and oversized rule documents

  オープン

  ⋯この Issue の問題を報告

  • 何か問題がありますか？

  • すでに着手されている
  • 初心者向けではない
  • 古い・無効
  • その他…
  • 送信 キャンセル

  難易度 2/5 1〜3時間 初心者へのやさしさ 77/100

  apache/rocketmq-dashboard#6610 · 2026年10月13日 に作成

  メンテナーはふだん 3 日以内に返信

• fix(routing): treat basePath as a literal prefix

  オープン

  ⋯この Issue の問題を報告

  • 何か問題がありますか？

  • すでに着手されている
  • 初心者向けではない
  • 古い・無効
  • その他…
  • 送信 キャンセル
  nextjs-tracking

  難易度 2/5 1〜3時間 初心者へのやさしさ 69/100

  cloudflare/vinext#3920 · 2026年10月13日 に作成

  メンテナーはふだん 1 日以内に返信

• [Lens] Avoid scroll to appear in the legend when it has only 1 item

  オープン

  ⋯この Issue の問題を報告

  • 何か問題がありますか？

  • すでに着手されている
  • 初心者向けではない
  • 古い・無効
  • その他…
  • 送信 キャンセル
  Team:Dashboards

  難易度 2/5 1〜3時間 初心者へのやさしさ 65/100

  elastic/kibana#297299 · コメント 1 件 · 2026年10月13日 に作成

  メンテナーはふだん 1 日以内に返信

• [Charts] Add "Nice Numbers" Axis Tick Scale Generator for Habit Charts in src/lib/analytics/nice-scale.ts

  オープン

  ⋯この Issue の問題を報告

  • 何か問題がありますか？

  • すでに着手されている
  • 初心者向けではない
  • 古い・無効
  • その他…
  • 送信 キャンセル
  analytics beginner friendly community contributions-welcome good first issue hacktoberfest help wanted up-for-grabs

  難易度 2/5 1〜3時間 初心者へのやさしさ 82/100

  TheVicky1/Pact_OS#601 · 2026年10月13日 に作成

  メンテナーはふだん 1 日以内に返信

• Focus directive: Focus jumps back to the auto-focused field shortly after a modal opens, so typed text lands in the wrong field

  オープン

  ⋯この Issue の問題を報告

  • 何か問題がありますか？

  • すでに着手されている
  • 初心者向けではない
  • 古い・無効
  • その他…
  • 送信 キャンセル
  affected/v17 affected/v18 area/frontend type/bug

  難易度 2/5 1〜3時間 初心者へのやさしさ 82/100

  umbraco/Umbraco-CMS#24186 · 2026年10月13日 に作成

  メンテナーはふだん 2 日以内に返信

TypeScript の issue をもっと見る