feat: update components

2 files changed, 8 insertions, 5 deletions

diff --git a/src/lib/components/Window/Window.js b/src/lib/components/Window/Window.js
index 0ba2454..027213f 100644
--- a/src/lib/components/Window/Window.js
+++ b/src/lib/components/Window/Window.js
@@ -8,7 +8,7 @@ import WindowSurface from './WindowSurface/WindowSurface';
 const useStyles = makeStyles(theme => ({
   header: {
     padding: theme.spacing(1, 0, 1, 2),
-    background: theme.palette.background.elevation,
+    background: theme.palette.background.elevation2,
   },
 }));
 
diff --git a/src/lib/components/Window/WindowSurface/WindowSurface.js b/src/lib/components/Window/WindowSurface/WindowSurface.js
index 26fea01..7859bf6 100644
--- a/src/lib/components/Window/WindowSurface/WindowSurface.js
+++ b/src/lib/components/Window/WindowSurface/WindowSurface.js
@@ -8,9 +8,12 @@ const useStyles = makeStyles(theme => ({
     position: 'absolute',
     display: 'flex',
     flexDirection: 'column',
-    background: theme.palette.background.elevation,
     overflowY: 'auto',
-    scrollbarColor: `${theme.palette.primary.dark} ${theme.palette.primary.light}`,
+    scrollbarColor: `${theme.palette.secondary.dark} ${theme.palette.secondary.light}`,
+
+    '& a.MuiTypography-root': {
+      color: theme.palette.primary.light,
+    },
   }
 }));
 
@@ -20,7 +23,7 @@ const WindowSurface = ({ size, position, children }) => {
 
   return (
     <Paper
-      elevation={3}
+      variant="outlined"
       style={{...size, ...position}}
       className={classes.surface}
     >
@@ -30,4 +33,4 @@ const WindowSurface = ({ size, position, children }) => {
 };
 
 
-export default WindowSurface;
\ No newline at end of file
+export default WindowSurface;