Theme colors inverse

Author: modularcoder

src/Administration/Users/UsersList/UsersListActions.js

@@ -75,7 +75,7 @@ const DashboardActions = () => {
 
 const useStyles = makeStyles(theme => ({
   root: {
-    // color: theme.palette.secondary.main,
+    // color: theme.palette.primary.main,
     color: theme.palette.grey[600],
   },
   iconNew: {

src/Auth/_common/AuthHeader/AuthHeader.js

@@ -20,7 +20,7 @@ AuthHeader.propTypes = {
 
 const useStyles = makeStyles(theme => ({
   logo: {
-    color: theme.palette.primary.main,
+    color: theme.palette.secondary.main,
     position: 'relative',
     top: '1px',
   },

src/Dashboard/DashboardActions.tsx

@@ -26,18 +26,18 @@ const DashboardActions = () => {
         </Button>
       </Tooltip>
       <Tooltip title="Create new">
-        <Button color="secondary">
+        <Button color="primary">
           <IconNew className={classes.iconNew} />
           New
         </Button>
       </Tooltip>
       <Tooltip title="Filter">
-        <Button color="secondary">
+        <Button color="primary">
           <IconFilter />
         </Button>
       </Tooltip>
       <Tooltip title="More actions">
-        <Button color="secondary">
+        <Button color="primary">
           <IconMore />
         </Button>
       </Tooltip>

src/Dashboard/KeyNumbers/data.js

@@ -7,8 +7,8 @@ export const generateTrendChartData = ({ name, from = 0, to = 1000, length = 30
     data: {
       datasets: [
         {
-          backgroundColor: theme.palette.primary.main,
-          borderColor: theme.palette.primary.main,
+          backgroundColor: theme.palette.secondary.main,
+          borderColor: theme.palette.secondary.main,
           borderWidth: 2,
           pointRadius: 1,
           pointHoverRadius: 3,

src/Dashboard/SubscriptionsBreakdown/SubscriptionsBreakdown.js

@@ -59,7 +59,7 @@ const useStyles = makeStyles(theme => ({
     textAlign: 'right',
   },
   headerIcon: {
-    color: theme.palette.primary.main,
+    color: theme.palette.secondary.main,
     verticalAlign: 'sub',
     marginRight: '.3em',
   },

src/Dashboard/SubscriptionsBreakdown/data.js

@@ -4,8 +4,8 @@ export const chart = {
   data: {
     datasets: [
       {
-        backgroundColor: theme.palette.secondary.main,
-        borderColor: theme.palette.secondary.main,
+        backgroundColor: theme.palette.primary.main,
+        borderColor: theme.palette.primary.main,
         borderWidth: 2,
         label: 'Customers',
         fill: false,

src/Dashboard/SubscriptionsHistory/SubscriptionsHistory.js

@@ -61,14 +61,14 @@ const Subscriptions = props => {
                     <Typography
                       align="left"
                       variant="body2"
-                      color="textSecondary"
+                      color="textPrimary"
                       className={classes.ratingItemRatio}
                     >
                       {ratio}%
                     </Typography>
                   </Grid>
                 </Grid>
-                <LinearProgress variant="determinate" value={ratio} color="primary" />
+                <LinearProgress variant="determinate" value={ratio} color="secondary" />
               </div>
             ))}
           </Grid>
@@ -93,7 +93,7 @@ const useStyles = makeStyles(theme => ({
     textAlign: 'right',
   },
   headerIcon: {
-    color: theme.palette.primary.main,
+    color: theme.palette.secondary.main,
     verticalAlign: 'sub',
     marginRight: '.3em',
   },

src/Dashboard/SubscriptionsHistory/data.js

@@ -12,8 +12,8 @@ export const subscriptionsHistoryChart = {
   data: {
     datasets: [
       {
-        backgroundColor: theme.palette.secondary.main,
-        borderColor: theme.palette.secondary.main,
+        backgroundColor: theme.palette.primary.main,
+        borderColor: theme.palette.primary.main,
         borderWidth: 2,
         label: 'Subscriptions',
         fill: false,

src/Dashboard/SubscriptionsRecent/SubscriptionsRecent.js

@@ -98,7 +98,7 @@ const useStyles = makeStyles(theme => ({
     textAlign: 'right',
   },
   headerIcon: {
-    color: theme.palette.primary.main,
+    color: theme.palette.secondary.main,
     verticalAlign: 'sub',
     marginRight: '.3em',
   },

src/_common/AppFooter/AppFooter.js

@@ -12,35 +12,35 @@ const Footer = () => {
       <Typography variant="body2" color="textSecondary" align="left">
         {`Modular Admin React`}{' '}
         <Link
-          color="primary"
+          color="secondary"
           href="https://github.com/modularcode/modular-admin-react/releases"
         >
           v{pkg.version}
         </Link>
         {' | '}
         <Link
-          color="primary"
+          color="secondary"
           href="https://github.com/modularcode/modular-admin-react/blob/master/LICENSE"
         >
           MIT License
         </Link>
       </Typography>
       <Typography variant="body2" color="textSecondary" align="center">
-        <Link color="primary" href="https://github.com/modularcoder">
+        <Link color="secondary" href="https://github.com/modularcoder">
           GitHub
         </Link>
         {' | '}
-        <Link color="primary" href="https://www.linkedin.com/in/modularcoder/">
+        <Link color="secondary" href="https://www.linkedin.com/in/modularcoder/">
           LinkedIn
         </Link>
       </Typography>
       <Typography variant="body2" color="textSecondary" align="right">
         {'Built with '}
-        <Link color="primary" href="https://material-ui.com/">
+        <Link color="secondary" href="https://material-ui.com/">
           Material-UI
         </Link>
         {' by '}
-        <Link color="primary" href="https://twitter.com/modularcoder">
+        <Link color="secondary" href="https://twitter.com/modularcoder">
           Gevorg Harutyunyan
         </Link>
       </Typography>