플러터:테마 편집하기 (부분)

=== 세부 구성 ===
ThemaData에 light, dark 등을 지정하지 않고 일일이 구현한다면 아래와 같은 형태이다.<syntaxhighlight lang="dart">
ThemeData.light() ≈ ThemeData(
  brightness: Brightness.light,
  colorScheme: ColorScheme.light(),
  textTheme: Typography.material2018().black,
);
</syntaxhighlight>

{| class="wikitable"
! 항목
! Light Theme<br/>(ThemeData.light)
! Dark Theme<br/>(ThemeData.dark)
|-
| 기본 용도
| 밝은 환경에서의 기본 UI
| 어두운 환경에서 눈부심 감소
|-
| Brightness
| <code>Brightness.light</code>
| <code>Brightness.dark</code>
|-
| 기본 색상 체계
| Material Design Light ColorScheme
| Material Design Dark ColorScheme
|-
| Primary 색상
| 파란색 계열 (Material Blue)
| 밝은 파란색 계열 (BlueAccent)
|-
| Background 색상
| 흰색 또는 밝은 회색
| 거의 검정에 가까운 색상
|-
| Surface 색상
| 흰색
| 짙은 회색
|-
| Text 기본 색상
| 검정 / 진한 회색
| 흰색 / 밝은 회색
|-
| 기본 폰트
| Roboto
| Roboto
|-
| ElevatedButton
| 파란 배경 + 흰 글씨
| 밝은 파란 배경 + 어두운 글씨
|-
| TextButton
| 파란 텍스트
| 밝은 파란 텍스트
|-
| OutlinedButton
| 파란 테두리
| 밝은 파란 테두리
|-
| Icon 색상
| 검정 또는 진한 회색
| 흰색 또는 밝은 회색
|-
| AppBar 배경
| Primary 색상
| 거의 검정
|-
| Card 배경
| 흰색
| 어두운 회색
|-
| Error 색상
| 빨간색
| 밝은 빨간색
|}