Skip to content

saitamau-maximum/ui

Repository files navigation

Maximum UI

Usage

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