エントリーの編集
エントリーの編集は全ユーザーに共通の機能です。
必ずガイドラインを一読の上ご利用ください。
記事へのコメント1件
- 注目コメント
- 新着コメント
注目コメント算出アルゴリズムの一部にLINEヤフー株式会社の「建設的コメント順位付けモデルAPI」を使用しています
- バナー広告なし
- ミュート機能あり
- ダークモード搭載
関連記事
Chakra-uiでグローバルなスタイルを設定する方法 - Qiita
グローバルなスタイルとは、アプリケーション全体を通して設定する共通のスタイルのことです。 例えば文... グローバルなスタイルとは、アプリケーション全体を通して設定する共通のスタイルのことです。 例えば文字の色や背景色などです。 CSSフレームワークであるChakra-uiを使うと、すごく簡単にグローバルスタイルが設定できます。 /* Theme.tsx */ import { extendTheme } from "@chakra-ui/react"; export const theme = extendTheme({ styles: { global: { body: { backgroundColor: "gray.100", color: "gray.800" } } } }); chakra-uiには、extendThemeというものがあり、 その中で styles->global->bodyと階層を作り、最終的にbodyの中でグローバルなスタイルに適用したいCSSを記入します。
2022/05/20 リンク