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
2025-10-15 15:25:29 +02:00
parent 9943c5df56
commit 3347df1e57
6 changed files with 6765 additions and 3604 deletions
+9 -9
View File
@@ -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 = [
{
+5 -5
View File
@@ -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' />
</>
);
};
+4
View File
@@ -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
View File
@@ -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 },