| // Copyright 2015 The Chromium Authors. All rights reserved. |
| // Use of this source code is governed by a BSD-style license that can be |
| // found in the LICENSE file. |
| |
| import 'dart:sky'; |
| |
| import 'package:sky/theme/typography.dart' as typography; |
| import 'package:sky/theme/colors.dart' as colors; |
| |
| enum ThemeBrightness { dark, light } |
| |
| class ThemeData { |
| |
| ThemeData({ |
| ThemeBrightness brightness: ThemeBrightness.light, |
| Map<int, Color> primarySwatch, |
| Color accentColor, |
| this.accentColorBrightness: ThemeBrightness.dark, |
| typography.TextTheme text |
| }): this.brightness = brightness, |
| this.primarySwatch = primarySwatch, |
| primaryColorBrightness = primarySwatch == null ? brightness : ThemeBrightness.dark, |
| canvasColor = brightness == ThemeBrightness.dark ? colors.Grey[850] : colors.Grey[50], |
| cardColor = brightness == ThemeBrightness.dark ? colors.Grey[800] : colors.white, |
| dividerColor = brightness == ThemeBrightness.dark ? const Color(0x1FFFFFFF) : const Color(0x1F000000), |
| // Some users want the pre-multiplied color, others just want the opacity. |
| hintColor = brightness == ThemeBrightness.dark ? const Color(0x42FFFFFF) : const Color(0x4C000000), |
| hintOpacity = brightness == ThemeBrightness.dark ? 0.26 : 0.30, |
| // TODO(eseidel): Where are highlight and selected colors documented? |
| // I flipped highlight/selected to match the News app (which is clearly not quite Material) |
| // Gmail has an interesting behavior of showing selected darker until |
| // you click on a different drawer item when the first one loses its |
| // selected color and becomes lighter, the ink then fills to make the new |
| // click dark to match the previous (resting) selected state. States |
| // revert when you cancel the tap. |
| highlightColor = const Color(0x33999999), |
| selectedColor = const Color(0x66999999), |
| text = brightness == ThemeBrightness.dark ? typography.white : typography.black { |
| assert(brightness != null); |
| |
| if (primarySwatch == null) { |
| if (brightness == ThemeBrightness.dark) { |
| _primaryColor = colors.Grey[900]; |
| } else { |
| _primaryColor = colors.Grey[100]; |
| } |
| } else { |
| _primaryColor = primarySwatch[500]; |
| } |
| |
| if (accentColor == null) { |
| _accentColor = primarySwatch == null ? colors.Blue[500] : primarySwatch[500]; |
| } else { |
| _accentColor = accentColor; |
| } |
| } |
| |
| factory ThemeData.light() => new ThemeData(primarySwatch: colors.Blue, brightness: ThemeBrightness.light); |
| factory ThemeData.dark() => new ThemeData(brightness: ThemeBrightness.dark); |
| factory ThemeData.fallback() => new ThemeData.light(); |
| |
| final ThemeBrightness brightness; |
| final Map<int, Color> primarySwatch; |
| final Color canvasColor; |
| final Color cardColor; |
| final Color dividerColor; |
| final Color hintColor; |
| final Color highlightColor; |
| final Color selectedColor; |
| final double hintOpacity; |
| final typography.TextTheme text; |
| |
| Color _primaryColor; |
| Color get primaryColor => _primaryColor; |
| |
| final ThemeBrightness primaryColorBrightness; |
| |
| Color _accentColor; |
| Color get accentColor => _accentColor; |
| |
| final ThemeBrightness accentColorBrightness; |
| } |