trying shroom haze for now

Scusemua · Nov 8, 2024 · d8655de · d8655de
1 parent 5dbc8d5
commit d8655de
Show file tree

Hide file tree

Showing 4 changed files with 17 additions and 7 deletions.
diff --git a/src/app/globals.css b/src/app/globals.css
@@ -16,9 +16,15 @@ body {
     /*background: #0f0c29;  !* fallback for old browsers *!*/
     /*background: -webkit-linear-gradient(to right, #24243e, #302b63, #0f0c29);  !* Chrome 10-25, Safari 5.1-6 *!*/
     /*background: linear-gradient(to right, #24243e, #302b63, #0f0c29); !* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ *!*/
-    background: #343434; /* fallback for old browsers */
-    background: linear-gradient(90deg, #343434, #2F3061); /* Chrome 10-25, Safari 5.1-6 */
-    background: linear-gradient(to right, #343434, #2F3061); /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */
+
+    /* Original */
+    /*background: #343434; !* fallback for old browsers *!*/
+    /*background: linear-gradient(90deg, #343434, #2F3061); !* Chrome 10-25, Safari 5.1-6 *!*/
+    /*background: linear-gradient(to right, #343434, #2F3061); !* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ *!*/
+
+    background: #5C258D;  /* fallback for old browsers */
+    background: -webkit-linear-gradient(to right, #4389A2, #5C258D);  /* Chrome 10-25, Safari 5.1-6 */
+    background: linear-gradient(to right, #4389A2, #5C258D); /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */
 
     min-height: 100vh; /* Ensure gradient covers the entire viewport height */
     display: flex; /* Optional: For centering content */

diff --git a/src/app/layout.tsx b/src/app/layout.tsx
@@ -48,7 +48,7 @@ export default function RootLayout({
             <CssBaseline/>
             <ThemeProvider theme={theme}>
                 <main>
-                    <div className="gradient_background" style={{width: "100%", height: "0px", zIndex: -1}}/>
+                    {/*<div className="gradient_background" style={{width: "100%", height: "0px", zIndex: -1}}/>*/}
                     {children}
                 </main>
             </ThemeProvider>

diff --git a/src/app/theme.ts b/src/app/theme.ts
@@ -6,13 +6,15 @@ const theme = createTheme({
     cssVariables: true,
     palette: {
         primary: {
-            main: '#E22753',
+            main: '#C1292E' // To match Shroom Haze
+            // main: '#E22753', // Not original, but whatever I was using in the interum, with the red-blue
         },
         secondary: {
             main: '#EFF6EE',
         },
         info: {
-            main: '#3f5efb',
+            // main: '#3f5efb', // Not original, but whatever I was using in the interum, with the red-blue
+            main: '#EEB868' // To match Shroom Haze
         },
         error: {
             main: red.A400,

diff --git a/src/components/Projects/ProjectDisplay.tsx b/src/components/Projects/ProjectDisplay.tsx
@@ -40,7 +40,9 @@ const openInNewTab = (url: string | URL | undefined) => {
     if (newWindow) newWindow.opener = null
 }
 
-const badgeColors: string[] = ["#E22753", "#3f5efb"]
+// To match the red/blue and sort of the original
+// const badgeColors: string[] = ["#E22753", "#3f5efb"]
+const badgeColors: string[] = ["#da353a", "#3f5efb"]
 
 const ProjectDisplay: React.FunctionComponent<ProjectProps> = (props: ProjectProps) => {
     const [expanded, setExpanded] = React.useState<boolean>(false);