mirror of
https://dev.azure.com/tstanciu94/Packages/_git/standard-cv
synced 2025-08-10 18:32:25 +03:00
6a183d479a
feat: add mock CV data and setup testing environment - Created a mock CV data file for testing purposes. - Added a setup file for testing with @testing-library/jest-dom. - Implemented a ThemeProvider component to manage themes and favicons. - Added unit tests for theme utility functions. - Replaced JavaScript theme constants with TypeScript constants. - Refactored theme hooks to TypeScript and improved favicon handling. - Removed deprecated JavaScript files and replaced them with TypeScript equivalents. - Introduced a new TypeScript types file for better type safety. - Set up TypeScript configuration files for the project. - Configured Vite for building and testing the project.
114 lines
2.2 KiB
TypeScript
114 lines
2.2 KiB
TypeScript
import type { Theme } from "../../types";
|
|
|
|
export const turquoise: Theme = {
|
|
colors: {
|
|
primary: "#71c9ce",
|
|
secondary: "#64b2b6",
|
|
text: "#3d3d3f",
|
|
border: "#ddd",
|
|
background: "#fff",
|
|
shadow: "rgba(0, 0, 0, 0.1)",
|
|
},
|
|
};
|
|
|
|
export const blue: Theme = {
|
|
colors: {
|
|
primary: "#65a3cc",
|
|
secondary: "#5499c7",
|
|
text: "#3d3d3f",
|
|
border: "#ddd",
|
|
background: "#fff",
|
|
shadow: "rgba(0, 0, 0, 0.1)",
|
|
},
|
|
};
|
|
|
|
export const green: Theme = {
|
|
colors: {
|
|
primary: "#3d884d",
|
|
secondary: "#367a45",
|
|
text: "#3d3d3f",
|
|
border: "#ddd",
|
|
background: "#fff",
|
|
shadow: "rgba(0, 0, 0, 0.1)",
|
|
},
|
|
};
|
|
|
|
export const brown: Theme = {
|
|
colors: {
|
|
primary: "#d27065",
|
|
secondary: "#cd6155",
|
|
text: "#3d3d3f",
|
|
border: "#ddd",
|
|
background: "#fff",
|
|
shadow: "rgba(0, 0, 0, 0.1)",
|
|
},
|
|
};
|
|
|
|
export const orange: Theme = {
|
|
colors: {
|
|
primary: "#f49f2b",
|
|
secondary: "#f39514",
|
|
text: "#3d3d3f",
|
|
border: "#ddd",
|
|
background: "#fff",
|
|
shadow: "rgba(0, 0, 0, 0.1)",
|
|
},
|
|
};
|
|
|
|
export const purple: Theme = {
|
|
colors: {
|
|
primary: "#c19ad2",
|
|
secondary: "#BB8FCE",
|
|
text: "#3d3d3f",
|
|
border: "#ddd",
|
|
background: "#fff",
|
|
shadow: "rgba(0, 0, 0, 0.1)",
|
|
},
|
|
};
|
|
|
|
export const pink: Theme = {
|
|
colors: {
|
|
primary: "#d5819b",
|
|
secondary: "#D17390",
|
|
text: "#3d3d3f",
|
|
border: "#ddd",
|
|
background: "#fff",
|
|
shadow: "rgba(0, 0, 0, 0.1)",
|
|
},
|
|
};
|
|
|
|
export const coral: Theme = {
|
|
colors: {
|
|
primary: "#ff9483",
|
|
secondary: "#F1948A",
|
|
text: "#3d3d3f",
|
|
border: "#ddd",
|
|
background: "#fff",
|
|
shadow: "rgba(0, 0, 0, 0.1)",
|
|
},
|
|
};
|
|
|
|
export const nude: Theme = {
|
|
colors: {
|
|
primary: "#f29e95",
|
|
secondary: "#f1948a",
|
|
text: "#3d3d3f",
|
|
border: "#ddd",
|
|
background: "#fff",
|
|
shadow: "rgba(0, 0, 0, 0.1)",
|
|
},
|
|
};
|
|
|
|
export const rainbow: Theme = {
|
|
colors: {
|
|
primary:
|
|
"linear-gradient(45deg, #FF6B6B, #4ECDC4, #45B7D1, #96CEB4, #FECA57, #FF9FF3)",
|
|
secondary:
|
|
"linear-gradient(45deg, #FF5252, #26C6DA, #42A5F5, #66BB6A, #FFCA28, #AB47BC)",
|
|
text: "#495057",
|
|
border: "#DEE2E6",
|
|
background: "#FFFFFF",
|
|
shadow: "rgba(0, 0, 0, 0.1)",
|
|
},
|
|
};
|