github/flutter
7
0
Fork 0
mirror of https://github.com/flutter/flutter.git synced 2025-06-03 00:51:18 +00:00
Code Issues Packages Projects Releases Wiki Activity

Add constants for material colors and shadows

Browse Source 
This CL removes the hard-coded colors and shadows from the fn widgets and
replaces them with compile-time constants. The color values are from the
material spec:

http://www.google.com/design/spec/style/color.html#color-color-palette

R=eseidel@chromium.org

Review URL: https://codereview.chromium.org/983733003
This commit is contained in:
Adam Barth 2015-03-05 09:58:23 -08:00
parent 1c73dfb952
commit 65592c41cd
5 changed files with 8 additions and 6 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

4
examples/fn/widgets/drawer.dart
View File

@ -103,7 +103,7 @@ class Drawer extends Component {
left: 0;
bottom: 0;
right: 0;
box-shadow: 0 10px 20px rgba(0,0,0,0.19), 0 6px 6px rgba(0,0,0,0.23);'''
box-shadpw: ${Shadow[3]};'''
);
static Style _maskStyle = new Style('''
@ -117,7 +117,7 @@ class Drawer extends Component {
);
static Style _contentStyle = new Style('''
background-color: #FAFAFA;
background-color: ${Grey[50]};
will-change: transform;
position: absolute;
z-index: 3;

2
examples/fn/widgets/drawerheader.dart
View File

@ -7,7 +7,7 @@ class DrawerHeader extends Component {
flex-direction: column;
height: 140px;
-webkit-user-select: none;
background-color: #E3ECF5;
background-color: ${BlueGrey[50]};
border-bottom: 1px solid #D1D9E1;
padding-bottom: 7px;
margin-bottom: 8px;'''

2
examples/fn/widgets/floating_action_button.dart
View File

@ -12,7 +12,7 @@ class FloatingActionButton extends MaterialComponent {
transform: translateX(0);
width: 56px;
height: 56px;
background-color: #F44336;
background-color: ${Red[500]};
color: white;
border-radius: 28px;'''
);

4
examples/fn/widgets/toolbar.dart
View File

@ -9,9 +9,9 @@ class Toolbar extends Component {
align-items: center;
height: 84px;
z-index: 1;
background-color: #9C27B0; // Purple 500
background-color: ${Purple[500]};
color: white;
box-shadow: 0 3px 6px rgba(0,0,0,0.16), 0 3px 6px rgba(0,0,0,0.23);'''
box-shadow: ${Shadow[2]};'''
);
Toolbar({String key, this.children}) : super(key: key);

2
examples/fn/widgets/widgets.dart
View File

@ -2,6 +2,8 @@ library widgets;
import '../lib/fn.dart';
import '../../../framework/fling-curve.dart';
import '../../../framework/theme/colors.dart';
import '../../../framework/theme/shadows.dart';
import 'dart:collection';
import 'dart:async';
import 'dart:math' as math;