FontをHeadで読み込んでください、推奨はNoto Sans JPです。
<head>
<!-- ... -->
<link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<link href="https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@400;500;700&display=swap" rel="stylesheet">
<!-- ... -->
</head>.lightまたは.darkを追加することで、テーマを切り替えることができます。
切り替えたい一番上の要素に追加してください。
foucを防ぐために、<body>がレンダリングされる前の｀`に追加することを推奨します。
<html class="light">
<!-- ライトモードの場合 -->
</html>
<html class="dark">
<!-- ダークモードの場合 -->
</html>Package のインストールをするには、 ~/.npmrc に以下を追加してください。
@saitamau-maximum:registry=https://npm.pkg.github.com