Hacktoberfest 2026:メンテナが10月に向けて印を付けた、オープンで初心者向けの issue。 Hacktoberfest の issue を見る

Add clear guidance on dark-mode and light-mode asset usage

オープン
#73 コメント 1 件 リアクション 0 件 担当者 0 名 GitHub で見る

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

  • #93 @kutluhaneth46 による — マージされずにクローズ

評価

難易度
3/5
見積もり時間
1〜2日
初心者へのやさしさ
70/100
issue の種類
ドキュメント
明瞭さ
おおむね明確
活発さ
活発

調査の方向性

まず、Base Brand Kit リポジトリで利用可能なロゴとアイコンのアセットを確認し、明るい背景と暗い背景での想定用途を比較します。明色版と暗色版を文書化し、色の変更や反転が許可されているかを説明し、プラットフォーム間でアセットの選択に迷いが生じないよう、視覚的な例を含めてください。

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

説明

Overview

The Base Brand Kit includes multiple logo and asset variants, but it is not always clear which assets should be used in light-mode vs dark-mode contexts. Explicit guidance would help teams apply the brand consistently across different UI themes.

Problem Description

Developers and designers may be unsure about:

  • which logo variants are intended for dark backgrounds
  • whether color inversion is allowed or discouraged
  • how to choose correct assets for light/dark UI themes
  • consistent usage across web, mobile, and marketing materials

This can lead to inconsistent or incorrect brand presentation.

Expected Behavior
  • Consumers should easily understand which assets to use in light and dark contexts.
  • Brand usage should remain consistent across themes and platforms.
  • Asset selection should not require guesswork.
Steps to Reproduce
  1. Open the Base Brand Kit repository.
  2. Browse available logo and icon assets.
  3. Attempt to choose assets for both light and dark UI themes.
  4. Notice the lack of explicit guidance on correct usage.
Proposed Solution
  • Add a documentation section titled “Light & Dark Mode Usage”.
  • Clearly specify:
    • which logo variants are intended for light backgrounds
    • which variants are intended for dark backgrounds
    • any restrictions on color modification or inversion
  • Include simple visual examples demonstrating correct usage.
主要言語
言語のデータがありません
スター
1.5k
フォーク
533
PR マージ指標
30日以内にマージされた PR はありません

環境構築

このプロジェクトには開発コンテナ、Dockerfile、コントリビューションガイドがありません。まず README を読み、一般的な手順ははじめてのコントリビューションガイドを参照してください。

はじめの一歩

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

base/brand-kit のほかの issue

base/brand-kit の issue をすべて見る

似ている issue

Design の issue をもっと見る

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

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