chore: update dependencies and improve theme colors
- Updated dependencies in package.json to latest versions for better performance and security. - Commented out AngularData in Data.jsx to temporarily disable it from being used in the project. - Adjusted Projects.jsx to reflect the changes in AngularData usage. - Added new color constants (DavysGray, Periwinkle, Chamoisee) in Colors.js for enhanced theming. - Modified Theme.js to update primary and secondary colors for both light and dark modes, improving overall UI consistency.
This commit is contained in:
Dan Dobos
Generated
+6707
-3548
File diff suppressed because it is too large
Load Diff
+13
-13
@@ -4,22 +4,22 @@
|
||||
"version": "0.1.0",
|
||||
"private": true,
|
||||
"dependencies": {
|
||||
"@emotion/react": "^11.11.4",
|
||||
"@emotion/styled": "^11.11.5",
|
||||
"@mui/icons-material": "^5.15.17",
|
||||
"@mui/material": "^5.15.17",
|
||||
"@mui/styles": "^5.15.17",
|
||||
"@testing-library/jest-dom": "^6.4.5",
|
||||
"@testing-library/react": "^15.0.7",
|
||||
"@testing-library/user-event": "^14.5.2",
|
||||
"react": "^18.3.1",
|
||||
"react-dom": "^18.3.1",
|
||||
"react-router-dom": "^6.23.1",
|
||||
"@emotion/react": "^11.14.0",
|
||||
"@emotion/styled": "^11.14.0",
|
||||
"@mui/icons-material": "^6.4.12",
|
||||
"@mui/material": "^7.3.4",
|
||||
"@mui/styles": "^6.0.0",
|
||||
"@testing-library/jest-dom": "^6.9.1",
|
||||
"@testing-library/react": "^16.3.0",
|
||||
"@testing-library/user-event": "^14.6.1",
|
||||
"react": "^19.2.0",
|
||||
"react-dom": "^19.2.0",
|
||||
"react-router-dom": "^7.9.4",
|
||||
"react-scripts": "^5.0.1",
|
||||
"react-spring": "^9.7.3",
|
||||
"react-spring": "^10.0.3",
|
||||
"styled-components": "^6.1.11",
|
||||
"vanilla-tilt": "^1.8.1",
|
||||
"web-vitals": "^3.5.2"
|
||||
"web-vitals": "^5.1.0"
|
||||
},
|
||||
"scripts": {
|
||||
"start": "react-scripts start",
|
||||
|
||||
+9
-9
@@ -15,15 +15,15 @@ export const ReactData = [
|
||||
},
|
||||
];
|
||||
|
||||
export const AngularData = [
|
||||
{
|
||||
imageURL:
|
||||
'https://res.cloudinary.com/dadobos/image/upload/v1685729092/web/hwlqdp2quy1u7rmbgls6.png',
|
||||
title: 'Angular Store',
|
||||
description: '',
|
||||
url: 'https://dadobos.github.io/angular-store',
|
||||
},
|
||||
];
|
||||
// export const AngularData = [
|
||||
// {
|
||||
// imageURL:
|
||||
// 'https://res.cloudinary.com/dadobos/image/upload/v1685729092/web/hwlqdp2quy1u7rmbgls6.png',
|
||||
// title: 'Angular Store',
|
||||
// description: '',
|
||||
// url: 'https://dadobos.github.io/angular-store',
|
||||
// },
|
||||
// ];
|
||||
|
||||
export const GoData = [
|
||||
{
|
||||
|
||||
@@ -1,23 +1,23 @@
|
||||
import React from 'react';
|
||||
import {
|
||||
// AngularData,
|
||||
ReactData,
|
||||
AngularData,
|
||||
GoData,
|
||||
JavaData,
|
||||
WebsitesData,
|
||||
VueData,
|
||||
GoData,
|
||||
JavaData,
|
||||
} from 'data/Data';
|
||||
import MainAccordion from 'components/main-accordion/MainAccordion';
|
||||
|
||||
const Projects = () => {
|
||||
return (
|
||||
<>
|
||||
<MainAccordion items={AngularData} title='Angular' />
|
||||
{/* <MainAccordion items={AngularData} title='Angular' /> */}
|
||||
<MainAccordion items={ReactData} title='React' />
|
||||
<MainAccordion items={WebsitesData} title='HTML' />
|
||||
<MainAccordion items={VueData} title='Vue' />
|
||||
<MainAccordion items={GoData} title='Golang' />
|
||||
<MainAccordion items={JavaData} title='Java' />
|
||||
<MainAccordion items={WebsitesData} title='HTML' />
|
||||
</>
|
||||
);
|
||||
};
|
||||
|
||||
@@ -52,3 +52,7 @@ export const UARed = '#E01A4F';
|
||||
export const VioletColorWheel = '#7E0FFF';
|
||||
export const White = '#ffffff';
|
||||
export const WildBlueYonder = '#99B2DD';
|
||||
export const DavysGray = '#565656';
|
||||
export const Periwinkle = '#B7B5E4';
|
||||
//The Pantone Color of the Year 2025, PANTONE 17-1230 Mocha Mousse aka Chamoisee
|
||||
export const Chamoisee = '#A47864';
|
||||
|
||||
+27
-29
@@ -2,20 +2,13 @@ import { createTheme, responsiveFontSizes } from '@mui/material/styles';
|
||||
|
||||
import overrides from './overrides';
|
||||
import {
|
||||
DeepSpaceSparkle,
|
||||
White,
|
||||
Cadet,
|
||||
Mango,
|
||||
Black,
|
||||
GrannySmithApple,
|
||||
UARed,
|
||||
OuterSpaceCrayola,
|
||||
ChartreuseTraditional,
|
||||
Charcoal,
|
||||
Cultured,
|
||||
SeaGreenCrayola,
|
||||
VioletColorWheel,
|
||||
AcidGreen,
|
||||
SeaGreenCrayola,
|
||||
UARed,
|
||||
VioletColorWheel,
|
||||
DavysGray,
|
||||
Chamoisee,
|
||||
White,
|
||||
} from './Colors';
|
||||
|
||||
// Main layout
|
||||
@@ -25,27 +18,31 @@ export const MainTheme = (mode) => ({
|
||||
...(mode === 'light'
|
||||
? {
|
||||
// palette values for light mode
|
||||
primary: {
|
||||
main: Charcoal,
|
||||
contrastText: AcidGreen,
|
||||
|
||||
primary: {
|
||||
main: Chamoisee,
|
||||
contrastText: White,
|
||||
},
|
||||
secondary: {
|
||||
main: UARed,
|
||||
contrastText: AcidGreen,
|
||||
contrastText: White,
|
||||
},
|
||||
divider: White,
|
||||
divider: Chamoisee,
|
||||
background: {
|
||||
default: Charcoal,
|
||||
paper: Charcoal,
|
||||
default: Chamoisee,
|
||||
paper: Chamoisee,
|
||||
},
|
||||
text: {
|
||||
primary: AcidGreen,
|
||||
secondary: AcidGreen,
|
||||
}, }
|
||||
primary: White,
|
||||
secondary: White,
|
||||
},
|
||||
|
||||
|
||||
}
|
||||
: {
|
||||
// palette values for dark mode
|
||||
primary: {
|
||||
main: GrannySmithApple,
|
||||
// palette values for dark mode
|
||||
primary: {
|
||||
main: DavysGray,
|
||||
contrastText: AcidGreen,
|
||||
},
|
||||
secondary: {
|
||||
@@ -54,13 +51,14 @@ export const MainTheme = (mode) => ({
|
||||
},
|
||||
divider: AcidGreen,
|
||||
background: {
|
||||
default: Charcoal,
|
||||
paper: Charcoal,
|
||||
default: DavysGray,
|
||||
paper: DavysGray,
|
||||
},
|
||||
text: {
|
||||
primary: AcidGreen,
|
||||
secondary: AcidGreen,
|
||||
},
|
||||
},
|
||||
|
||||
}),
|
||||
lightAccent: { main: VioletColorWheel },
|
||||
darkAccent: { main: SeaGreenCrayola },
|
||||
|
||||
Reference in New Issue
Block a user