Revert background color

8 files changed, 8 insertions, 32 deletions

diff --git a/modern/src/admin/UsersPage.js b/modern/src/admin/UsersPage.js
index fd17bd35..b609c91a 100644
--- a/modern/src/admin/UsersPage.js
+++ b/modern/src/admin/UsersPage.js
@@ -10,9 +10,6 @@ import OptionsLayout from '../settings/OptionsLayout';
 import { useTranslation } from '../LocalizationProvider';
 
 const useStyles = makeStyles((theme) => ({
-  table: {
-    backgroundColor: theme.palette.colors.white,
-  },
   columnAction: {
     width: theme.spacing(1),
     padding: theme.spacing(0, 1),
@@ -33,7 +30,7 @@ const UsersView = ({ updateTimestamp, onMenuClick }) => {
   }, [updateTimestamp]);
 
   return (
-    <TableContainer className={classes.table}>
+    <TableContainer>
       <Table>
         <TableHead>
           <TableRow>
diff --git a/modern/src/settings/CalendarsPage.js b/modern/src/settings/CalendarsPage.js
index 71611ea5..8b7a2c1b 100644
--- a/modern/src/settings/CalendarsPage.js
+++ b/modern/src/settings/CalendarsPage.js
@@ -9,9 +9,6 @@ import OptionsLayout from './OptionsLayout';
 import { useTranslation } from '../LocalizationProvider';
 
 const useStyles = makeStyles((theme) => ({
-  table: {
-    backgroundColor: theme.palette.colors.white,
-  },
   columnAction: {
     width: theme.spacing(1),
     padding: theme.spacing(0, 1),
@@ -32,7 +29,7 @@ const CalendarsView = ({ updateTimestamp, onMenuClick }) => {
   }, [updateTimestamp]);
 
   return (
-    <TableContainer className={classes.table}>
+    <TableContainer>
       <Table>
         <TableHead>
           <TableRow>
diff --git a/modern/src/settings/CommandsPage.js b/modern/src/settings/CommandsPage.js
index ef524957..bf6b10aa 100644
--- a/modern/src/settings/CommandsPage.js
+++ b/modern/src/settings/CommandsPage.js
@@ -11,9 +11,6 @@ import { formatBoolean } from '../common/formatter';
 import { prefixString } from '../common/stringUtils';
 
 const useStyles = makeStyles((theme) => ({
-  table: {
-    backgroundColor: theme.palette.colors.white,
-  },
   columnAction: {
     width: theme.spacing(1),
     padding: theme.spacing(0, 1),
@@ -34,7 +31,7 @@ const CommandsView = ({ updateTimestamp, onMenuClick }) => {
   }, [updateTimestamp]);
 
   return (
-    <TableContainer className={classes.table}>
+    <TableContainer>
       <Table>
         <TableHead>
           <TableRow>
diff --git a/modern/src/settings/ComputedAttributesPage.js b/modern/src/settings/ComputedAttributesPage.js
index d9b19de0..27be681e 100644
--- a/modern/src/settings/ComputedAttributesPage.js
+++ b/modern/src/settings/ComputedAttributesPage.js
@@ -10,9 +10,6 @@ import { useTranslation } from '../LocalizationProvider';
 import { useAdministrator } from '../common/permissions';
 
 const useStyles = makeStyles((theme) => ({
-  table: {
-    backgroundColor: theme.palette.colors.white,
-  },
   columnAction: {
     width: theme.spacing(1),
     padding: theme.spacing(0, 1),
@@ -34,7 +31,7 @@ const ComputedAttributeView = ({ updateTimestamp, onMenuClick }) => {
   }, [updateTimestamp]);
 
   return (
-    <TableContainer className={classes.table}>
+    <TableContainer>
       <Table>
         <TableHead>
           <TableRow>
diff --git a/modern/src/settings/DriversPage.js b/modern/src/settings/DriversPage.js
index 2f0f2f07..5fb93a99 100644
--- a/modern/src/settings/DriversPage.js
+++ b/modern/src/settings/DriversPage.js
@@ -9,9 +9,6 @@ import OptionsLayout from './OptionsLayout';
 import { useTranslation } from '../LocalizationProvider';
 
 const useStyles = makeStyles((theme) => ({
-  table: {
-    backgroundColor: theme.palette.colors.white,
-  },
   columnAction: {
     width: theme.spacing(1),
     padding: theme.spacing(0, 1),
@@ -32,7 +29,7 @@ const DriversView = ({ updateTimestamp, onMenuClick }) => {
   }, [updateTimestamp]);
 
   return (
-    <TableContainer className={classes.table}>
+    <TableContainer>
       <Table>
         <TableHead>
           <TableRow>
diff --git a/modern/src/settings/GroupsPage.js b/modern/src/settings/GroupsPage.js
index 2e5fb3ef..8ae5a33f 100644
--- a/modern/src/settings/GroupsPage.js
+++ b/modern/src/settings/GroupsPage.js
@@ -9,9 +9,6 @@ import OptionsLayout from './OptionsLayout';
 import { useTranslation } from '../LocalizationProvider';
 
 const useStyles = makeStyles((theme) => ({
-  table: {
-    backgroundColor: theme.palette.colors.white,
-  },
   columnAction: {
     width: theme.spacing(1),
     padding: theme.spacing(0, 1),
@@ -32,7 +29,7 @@ const GroupsView = ({ updateTimestamp, onMenuClick }) => {
   }, [updateTimestamp]);
 
   return (
-    <TableContainer className={classes.table}>
+    <TableContainer>
       <Table>
         <TableHead>
           <TableRow>
diff --git a/modern/src/settings/MaintenancesPage.js b/modern/src/settings/MaintenancesPage.js
index e9f9d9cd..87207f0f 100644
--- a/modern/src/settings/MaintenancesPage.js
+++ b/modern/src/settings/MaintenancesPage.js
@@ -13,9 +13,6 @@ import OptionsLayout from './OptionsLayout';
 import { useTranslation } from '../LocalizationProvider';
 
 const useStyles = makeStyles((theme) => ({
-  table: {
-    backgroundColor: theme.palette.colors.white,
-  },
   columnAction: {
     width: theme.spacing(1),
     padding: theme.spacing(0, 1),
@@ -56,7 +53,7 @@ const MaintenancesView = ({ updateTimestamp, onMenuClick }) => {
   };
 
   return (
-    <TableContainer className={classes.table}>
+    <TableContainer>
       <Table>
         <TableHead>
           <TableRow>
diff --git a/modern/src/settings/NotificationsPage.js b/modern/src/settings/NotificationsPage.js
index 8efc8579..965e8c33 100644
--- a/modern/src/settings/NotificationsPage.js
+++ b/modern/src/settings/NotificationsPage.js
@@ -11,9 +11,6 @@ import OptionsLayout from './OptionsLayout';
 import { useTranslation } from '../LocalizationProvider';
 
 const useStyles = makeStyles((theme) => ({
-  table: {
-    backgroundColor: theme.palette.colors.white,
-  },
   columnAction: {
     width: theme.spacing(1),
     padding: theme.spacing(0, 1),
@@ -45,7 +42,7 @@ const NotificationsView = ({ updateTimestamp, onMenuClick }) => {
   };
 
   return (
-    <TableContainer className={classes.table}>
+    <TableContainer>
       <Table>
         <TableHead>
           <TableRow>