frea searchのロゴが一部環境で正しく表示されない問題 #32

Open
opened 3 weeks ago by tukimi · 3 comments
tukimi commented 3 weeks ago

端末設定をダークモードにしている状態で、Frea Searchの設定でテーマを変更した際に
本来通常のロゴが表示されるはずが、ダークモード向けのロゴが表示され、きちんとロゴが確認できない状態です。

Cookieではなく、端末のテーマ状態を読み取っているため、
JavaScriptによる画像の差し替えか、テーマ機能自体の無効化が必要になると思われます。

/* main.css:3915 */
@media (prefers-color-scheme: dark) {
    .index .title {
        background: url(../img/logo-dark.png) no-repeat;
        min-height: 4rem;
        margin: 4rem auto;
        background-position: center;
        background-size: contain;
    }
端末設定をダークモードにしている状態で、Frea Searchの設定でテーマを変更した際に 本来通常のロゴが表示されるはずが、ダークモード向けのロゴが表示され、きちんとロゴが確認できない状態です。 Cookieではなく、端末のテーマ状態を読み取っているため、 JavaScriptによる画像の差し替えか、テーマ機能自体の無効化が必要になると思われます。 ```css /* main.css:3915 */ @media (prefers-color-scheme: dark) { .index .title { background: url(../img/logo-dark.png) no-repeat; min-height: 4rem; margin: 4rem auto; background-position: center; background-size: contain; } ```
Poster

検索結果の上部にある #search_header の背景もダークモードで使用されるときの背景色になっていました。

検索結果の上部にある `#search_header` の背景もダークモードで使用されるときの背景色になっていました。
Owner

報告助かります。原因理解しました。修正します。

報告助かります。原因理解しました。修正します。
nexryai self-assigned this 3 weeks ago
nexryai added the
bug
label 3 weeks ago
Owner

:root.theme-darkでCookieの状態を取れるらしいですがこれ使って書き直すとめちゃめちゃ長くなるのでとりあえず一旦暫定処置としてテーマ設定を自動以外封じます

`:root.theme-dark`でCookieの状態を取れるらしいですがこれ使って書き直すとめちゃめちゃ長くなるのでとりあえず一旦暫定処置としてテーマ設定を自動以外封じます
Sign in to join this conversation.
No Milestone
No Assignees
2 Participants
Notifications
Due Date

No due date set.

Dependencies

No dependencies set.

Reference: frea/search#32
Loading…
There is no content yet.