moved embedded HTML color codes to app.module.css

PalisadoesFoundation · Jan 21, 2025 · 855dd78 · 855dd78
1 parent c4fe5c2
commit 855dd78
Show file tree

Hide file tree

Showing 3 changed files with 8 additions and 24 deletions.
diff --git a/src/index.tsx b/src/index.tsx
@@ -38,7 +38,9 @@ import '../src/assets/css/scrollStyles.css';
 const theme = createTheme({
   palette: {
     primary: {
-      main: '#1778F2',
+      main: getComputedStyle(document.documentElement)
+        .getPropertyValue('--blue-primary')
+        .trim(),
     },
   },
 });

diff --git a/src/screens/OrganizationActionItems/OrganizationActionItems.tsx b/src/screens/OrganizationActionItems/OrganizationActionItems.tsx
@@ -466,29 +466,7 @@ function organizationActionItems(): JSX.Element {
             </Stack>
           ),
         }}
-        sx={{
-          borderRadius: '20px',
-          backgroundColor: 'FFFFFF)',
-          '& .MuiDataGrid-row': {
-            backgroundColor: '#FFFFFF',
-            '&:focus-within': {
-              // outline: '2px solid #000',
-              outlineOffset: '-2px',
-            },
-          },
-          '& .MuiDataGrid-row:hover': {
-            backgroundColor: '#FFFFFF',
-            boxShadow: '0 0 0 1px rgba(0, 0, 0, 0.1)',
-          },
-          '& .MuiDataGrid-row.Mui-hovered': {
-            backgroundColor: '#FFFFFF',
-            boxShadow: '0 0 0 1px rgba(0, 0, 0, 0.1)',
-          },
-          '& .MuiDataGrid-cell:focus': {
-            // outline: '2px solid #000',
-            // outlineOffset: '-2px',
-          },
-        }}
+        className={styles.dataGridContainer}
         getRowClassName={() => `${styles.rowBackground}`}
         autoHeight
         rowHeight={65}

diff --git a/src/style/app.module.css b/src/style/app.module.css
@@ -638,6 +638,10 @@
   margin-top: 20px;
 }
 
+.dataGridContainer {
+  border-radius: 20px;
+}
+
 .rowBackground {
   background-color: var(--row-background);
   max-height: 120px;