GitPedia

Nippon color

copy nippon-color PWA build with vue-cli 3

From SSShooter·Updated January 13, 2026·View on GitHub·

Icons made by Freepik from www.flaticon.com is licensed by CC 3.0 BY The project is written primarily in JavaScript, first published in 2018. Key topics include: pwa, vue-cli3, vue2-demo.

nipponcolor

PWA

<!-- https://www.flaticon.com/packs/japan-21 --> <div>Icons made by <a href="http://www.freepik.com" title="Freepik">Freepik</a> from <a href="https://www.flaticon.com/" title="Flaticon">www.flaticon.com</a> is licensed by <a href="http://creativecommons.org/licenses/by/3.0/" title="Creative Commons BY 3.0" target="_blank">CC 3.0 BY</a></div>

Background image from pixiv

v1.0.0

v1.0.0 release :tada:

:sparkles: Add random color button

:lipstick: Design adjustment

:zap: Compress background image

:bug: Scroll to top while color sort is changed

TODO

  • favor color
  • how to use pwa
  • better scroll experience
  • hover & active
  • optimise font color base on background color manually
  • optimise sort of color manually

Project setup

npm install

Compiles and hot-reloads for development

npm run serve

Compiles and minifies for production

npm run build

deploy

run deploy.sh

Lints and fixes files

npm run lint

Run your unit tests

npm run test:unit

Troubleshooting

  • For gh-pages, use relative address in manifest.json
  • Use npm instead of cnpm when HMR not working. Reference

Changelog

Read in wiki

Contributors

Showing top 1 contributor by commit count.

View all contributors on GitHub →

This article is auto-generated from SSShooter/nippon-color via the GitHub API.Last fetched: 6/19/2026