-
-
Notifications
You must be signed in to change notification settings - Fork 958
Description
๐ข Good First Issue: Add Color Theme: Shibuya Haze โ Beginner-Friendly Open Source Contribution
๐ข No prerequisites needed! You don't need to clone the repo, install anything, or write code.
This entire contribution can be done from your browser in under 60 seconds.
Labels: good first issue, help wanted, hacktoberfest
Language: JSON (no coding required)
Time: < 1 minute
Skill Level: Absolute beginner
๐จ Add New Color Theme: "Shibuya Haze"
Category: Community Contribution - Theme
Difficulty: Easy (good first issue!)
Estimated Time: <1 min
๐ฏ Your Task
Add this beautiful new theme to KanaDojo!
Theme Details
| Property | Value |
|---|---|
| ID | shibuya-haze |
| Background | oklch(17.0% 0.055 290.0 / 1) |
| Main Color | oklch(82.0% 0.195 310.0 / 1) |
| Secondary | oklch(74.0% 0.140 20.0 / 1) |
๐ก Vibe: Neon signage diffused through rainy streets
๐ Instructions
- Star our repo โญ
- Fork our repo ๐ด
- Open
community/content/community-themes.jsonin your browser (click the link!) - Scroll to the bottom of the file and paste the following theme object just before the closing
]:
{
id: 'shibuya-haze',
backgroundColor: 'oklch(17.0% 0.055 290.0 / 1)',
mainColor: 'oklch(82.0% 0.195 310.0 / 1)',
secondaryColor: 'oklch(74.0% 0.140 20.0 / 1)'
},- Make sure the JSON stays valid (add a comma after the previous last entry if needed)
- Save the file and commit the changes
- Submit a Pull Request with title:
feat(theme): add Shibuya Haze theme - Link this issue using
Closes #<issue_number> - Wait for review!
๐ Quick Info
| Difficulty | Beginner / Easy |
| Time | < 1 minute |
| Language | TypeScript, JSON |
| Framework | Next.js, React |
| Good for | First-time contributors, Hacktoberfest |
No coding experience required! This is a simple JSON/data file edit โ perfect for your first open source contribution.
Questions? Comment below and we'll help! ๐
This is a beginner-friendly, good first issue for first-time open source contributors. No coding experience needed โ just edit a JSON file! See our Beginner Contributing Guide for step-by-step instructions.