Added Statistics calculation

Statistics now show calculated values

node_modules/mui/source/styles/baseThemes/darkBaseTheme.js

@@ -0,0 +1,30 @@
+import {
+  cyan700,
+  grey600,
+  pinkA100, pinkA200, pinkA400,
+  fullWhite,
+} from '../colors';
+import {fade} from '../../utils/colorManipulator';
+import spacing from '../spacing';
+
+export default {
+  spacing: spacing,
+  fontFamily: 'Roboto, sans-serif',
+  borderRadius: 2,
+  palette: {
+    primary1Color: cyan700,
+    primary2Color: cyan700,
+    primary3Color: grey600,
+    accent1Color: pinkA200,
+    accent2Color: pinkA400,
+    accent3Color: pinkA100,
+    textColor: fullWhite,
+    secondaryTextColor: fade(fullWhite, 0.7),
+    alternateTextColor: '#303030',
+    canvasColor: '#303030',
+    borderColor: fade(fullWhite, 0.3),
+    disabledColor: fade(fullWhite, 0.3),
+    pickerHeaderColor: fade(fullWhite, 0.12),
+    clockCircleColor: fade(fullWhite, 0.12),
+  },
+};

node_modules/mui/source/styles/baseThemes/lightBaseTheme.js

@@ -0,0 +1,40 @@
+/**
+ * NB: If you update this file, please also update `docs/src/app/customization/Themes.js`
+ */
+
+import {
+  cyan500, cyan700,
+  pinkA200,
+  grey100, grey300, grey400, grey500,
+  white, darkBlack, fullBlack,
+} from '../colors';
+import {fade} from '../../utils/colorManipulator';
+import spacing from '../spacing';
+
+/**
+ *  Light Theme is the default theme used in material-ui. It is guaranteed to
+ *  have all theme variables needed for every component. Variables not defined
+ *  in a custom theme will default to these values.
+ */
+export default {
+  spacing: spacing,
+  fontFamily: 'Roboto, sans-serif',
+  borderRadius: 2,
+  palette: {
+    primary1Color: cyan500,
+    primary2Color: cyan700,
+    primary3Color: grey400,
+    accent1Color: pinkA200,
+    accent2Color: grey100,
+    accent3Color: grey500,
+    textColor: darkBlack,
+    secondaryTextColor: fade(darkBlack, 0.54),
+    alternateTextColor: white,
+    canvasColor: white,
+    borderColor: grey300,
+    disabledColor: fade(darkBlack, 0.3),
+    pickerHeaderColor: cyan500,
+    clockCircleColor: fade(darkBlack, 0.07),
+    shadowColor: fullBlack,
+  },
+};