Material light and dark themes for Sky widgets

sky/sdk/lib/theme/colors.dart

Index: sky/sdk/lib/theme/colors.dart
diff --git a/sky/sdk/lib/theme/colors.dart b/sky/sdk/lib/theme/colors.dart
index c5f666bf65b2de3af9b2cb11d2520ab48763afbf..efa905172477a3c7feac7ece5460df10d1183242 100644
--- a/sky/sdk/lib/theme/colors.dart
+++ b/sky/sdk/lib/theme/colors.dart
@@ -23,6 +23,13 @@ const Map<int, Color> Red = const {
   900: const Color(0xFFB71C1C),
 };
 
+const Map<int, Color> RedAccent = const {
+  100: const Color(0xFFFF8A80),
+  200: const Color(0xFFFF5252),
+  400: const Color(0xFFFF1744),
+  700: const Color(0xFFD50000),
+};
+
 const Map<int, Color> Pink = const {
    50: const Color(0xFFFCE4EC),
   100: const Color(0xFFF8BBD0),
@@ -36,6 +43,13 @@ const Map<int, Color> Pink = const {
   900: const Color(0xFF880E4F),
 };
 
+const Map<int, Color> PinkAccent = const {
+  100: const Color(0xFFFF80AB),
+  200: const Color(0xFFFF4081),
+  400: const Color(0xFFF50057),
+  700: const Color(0xFFC51162),
+};
+
 const Map<int, Color> Purple = const {
    50: const Color(0xFFF3E5F5),
   100: const Color(0xFFE1BEE7),
@@ -49,6 +63,13 @@ const Map<int, Color> Purple = const {
   900: const Color(0xFF4A148C),
 };
 
+const Map<int, Color> PurpleAccent = const {
+  100: const Color(0xFFEA80FC),
+  200: const Color(0xFFE040FB),
+  400: const Color(0xFFD500F9),
+  700: const Color(0xFFAA00FF),
+};
+
 const Map<int, Color> DeepPurple = const {
    50: const Color(0xFFEDE7F6),
   100: const Color(0xFFD1C4E9),
@@ -62,6 +83,13 @@ const Map<int, Color> DeepPurple = const {
   900: const Color(0xFF311B92),
 };
 
+const Map<int, Color> DeepPurpleAccent = const {
+  100: const Color(0xFFB388FF),
+  200: const Color(0xFF7C4DFF),
+  400: const Color(0xFF651FFF),
+  700: const Color(0xFF6200EA),
+};
+
 const Map<int, Color> Indigo = const {
    50: const Color(0xFFE8EAF6),
   100: const Color(0xFFC5CAE9),
@@ -75,6 +103,13 @@ const Map<int, Color> Indigo = const {
   900: const Color(0xFF1A237E),
 };
 
+const Map<int, Color> IndigoAccent = const {
+  100: const Color(0xFF8C9EFF),
+  200: const Color(0xFF536DFE),
+  400: const Color(0xFF3D5AFE),
+  700: const Color(0xFF304FFE),
+};
+
 const Map<int, Color> Blue = const {
    50: const Color(0xFFE3F2FD),
   100: const Color(0xFFBBDEFB),
@@ -88,6 +123,13 @@ const Map<int, Color> Blue = const {
   900: const Color(0xFF0D47A1),
 };
 
+const Map<int, Color> BlueAccent = const {
+  100: const Color(0xFF82B1FF),
+  200: const Color(0xFF448AFF),
+  400: const Color(0xFF2979FF),
+  700: const Color(0xFF2962FF),
+};
+
 const Map<int, Color> LightBlue = const {
    50: const Color(0xFFE1F5FE),
   100: const Color(0xFFB3E5FC),
@@ -101,6 +143,13 @@ const Map<int, Color> LightBlue = const {
   900: const Color(0xFF01579B),
 };
 
+const Map<int, Color> LightBlueAccent = const {
+  100: const Color(0xFF80D8FF),
+  200: const Color(0xFF40C4FF),
+  400: const Color(0xFF00B0FF),
+  700: const Color(0xFF0091EA),
+};
+
 const Map<int, Color> Cyan = const {
    50: const Color(0xFFE0F7FA),
   100: const Color(0xFFB2EBF2),
@@ -114,6 +163,13 @@ const Map<int, Color> Cyan = const {
   900: const Color(0xFF006064),
 };
 
+const Map<int, Color> CyanAccent = const {
+  100: const Color(0xFF84FFFF),
+  200: const Color(0xFF18FFFF),
+  400: const Color(0xFF00E5FF),
+  700: const Color(0xFF00B8D4),
+};
+
 const Map<int, Color> Teal = const {
    50: const Color(0xFFE0F2F1),
   100: const Color(0xFFB2DFDB),
@@ -127,6 +183,13 @@ const Map<int, Color> Teal = const {
   900: const Color(0xFF004D40),
 };
 
+const Map<int, Color> TealAccent = const {
+  100: const Color(0xFFA7FFEB),
+  200: const Color(0xFF64FFDA),
+  400: const Color(0xFF1DE9B6),
+  700: const Color(0xFF00BFA5),
+};
+
 const Map<int, Color> Green = const {
    50: const Color(0xFFE8F5E9),
   100: const Color(0xFFC8E6C9),
@@ -140,6 +203,13 @@ const Map<int, Color> Green = const {
   900: const Color(0xFF1B5E20),
 };
 
+const Map<int, Color> GreenAccent = const {
+  100: const Color(0xFFB9F6CA),
+  200: const Color(0xFF69F0AE),
+  400: const Color(0xFF00E676),
+  700: const Color(0xFF00C853),
+};
+
 const Map<int, Color> LightGreen = const {
    50: const Color(0xFFF1F8E9),
   100: const Color(0xFFDCEDC8),
@@ -153,6 +223,13 @@ const Map<int, Color> LightGreen = const {
   900: const Color(0xFF33691E),
 };
 
+const Map<int, Color> LightGreenAccent = const {
+  100: const Color(0xFFCCFF90),
+  200: const Color(0xFFB2FF59),
+  400: const Color(0xFF76FF03),
+  700: const Color(0xFF64DD17),
+};
+
 const Map<int, Color> Lime = const {
    50: const Color(0xFFF9FBE7),
   100: const Color(0xFFF0F4C3),
@@ -166,6 +243,13 @@ const Map<int, Color> Lime = const {
   900: const Color(0xFF827717),
 };
 
+const Map<int, Color> LimeAccent = const {
+  100: const Color(0xFFF4FF81),
+  200: const Color(0xFFEEFF41),
+  400: const Color(0xFFC6FF00),
+  700: const Color(0xFFAEEA00),
+};
+
 const Map<int, Color> Yellow = const {
    50: const Color(0xFFFFFDE7),
   100: const Color(0xFFFFF9C4),
@@ -179,6 +263,13 @@ const Map<int, Color> Yellow = const {
   900: const Color(0xFFF57F17),
 };
 
+const Map<int, Color> YellowAccent = const {
+  100: const Color(0xFFFFFF8D),
+  200: const Color(0xFFFFFF00),
+  400: const Color(0xFFFFEA00),
+  700: const Color(0xFFFFD600),
+};
+
 const Map<int, Color> Amber = const {
    50: const Color(0xFFFFF8E1),
   100: const Color(0xFFFFECB3),
@@ -192,6 +283,13 @@ const Map<int, Color> Amber = const {
   900: const Color(0xFFFF6F00),
 };
 
+const Map<int, Color> AmberAccent = const {
+  100: const Color(0xFFFFE57F),
+  200: const Color(0xFFFFD740),
+  400: const Color(0xFFFFC400),
+  700: const Color(0xFFFFAB00),
+};
+
 const Map<int, Color> Orange = const {
    50: const Color(0xFFFFF3E0),
   100: const Color(0xFFFFE0B2),
@@ -205,6 +303,13 @@ const Map<int, Color> Orange = const {
   900: const Color(0xFFE65100),
 };
 
+const Map<int, Color> OrangeAccent = const {
+  100: const Color(0xFFFFD180),
+  200: const Color(0xFFFFAB40),
+  400: const Color(0xFFFF9100),
+  700: const Color(0xFFFF6D00),
+};
+
 const Map<int, Color> DeepOrange = const {
    50: const Color(0xFFFBE9E7),
   100: const Color(0xFFFFCCBC),
@@ -218,6 +323,13 @@ const Map<int, Color> DeepOrange = const {
   900: const Color(0xFFBF360C),
 };
 
+const Map<int, Color> DeepOrangeAccent = const {
+  100: const Color(0xFFFF9E80),
+  200: const Color(0xFFFF6E40),
+  400: const Color(0xFFFF3D00),
+  700: const Color(0xFFDD2C00),
+};
+
 const Map<int, Color> Brown = const {
    50: const Color(0xFFEFEBE9),
   100: const Color(0xFFD7CCC8),
@@ -242,6 +354,7 @@ const Map<int, Color> Grey = const {
   600: const Color(0xFF757575),
   700: const Color(0xFF616161),
   800: const Color(0xFF424242),
+  850: const Color(0xFF303030), // only for background color in Dark theme
   900: const Color(0xFF212121),
 };