Add dark mode toggle

オープン 初心者向け
#116 コメント 0 件 リアクション 0 件 担当者 0 名 GitHub で見る

まだ誰も着手していません。

評価

難易度
2/5
見積もり時間
1〜3時間
初心者へのやさしさ
72/100
issue の種類
機能追加
明瞭さ
おおむね明確
活発さ
静か
技術スタック
nextjs, tailwind, typescript
領域
frontend, web-dev

調査の方向性

まず、portfolio 内の header コンポーネントと既存の Tailwind テーマ設定を見つけます。次に、クライアント側の状態がどのように処理されているかを追跡し、選択したライトテーマまたはダークテーマがリロード後に復元され、portfolio 全体に適用されるように、toggle と永続化を追加します。

索引モデルが issue の本文から書いたものです。

説明

triage

Currently, the portfolio only supports light mode. Add a toggle button in the header that allows users to switch between light and dark themes.
The preference should be saved to localStorage so it persists across sessions.

主要言語
TypeScript
スター
71
フォーク
188
30日以内にマージされた PR はありません

コントリビューションガイド

コントリビューションガイドを開く

はじめの一歩

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

github-samples/gitfolio のほかの issue

github-samples/gitfolio の issue をすべて見る

似ている issue

TypeScript の issue をもっと見る

新しい issue をメールで受け取る

初心者向けの GitHub issue を短くまとめたダイジェスト。