{"size": 1774, "ext": "js", "max_stars_repo_path": "src/context/ThemeContext/data.js", "max_stars_repo_name": "Aakash2408/Portfolio-Website", "max_stars_repo_stars_event_min_datetime": "2020-12-07T10:31:58.000Z", "max_stars_repo_stars_event_max_datetime": "2021-01-30T09:55:20.000Z", "max_issues_repo_path": "src/context/ThemeContext/data.js", "max_issues_repo_name": "Aakash2408/Portfolio-Website", "max_issues_repo_issues_event_min_datetime": null, "max_issues_repo_issues_event_max_datetime": null, "max_forks_repo_path": "src/context/ThemeContext/data.js", "max_forks_repo_name": "Aakash2408/Portfolio-Website", "max_forks_repo_forks_event_min_datetime": null, "max_forks_repo_forks_event_max_datetime": null}
{"max_stars_count": 9, "max_issues_count": null, "max_forks_count": null, "avg_line_length": 30.0677966102, "max_line_length": 76, "alphanum_fraction": 0.5868094701}
import ngrx from "../../assets/ngrx.png";
import react from '../../assets/react.png';
import node from '../../assets/node.png';
import js from '../../assets/js.png';
import redux from '../../assets/redux.jpg';
import firebase from '../../assets/firebase.png';
import vue from '../../assets/vue.jpeg';
import mongodb from "../../assets/mongoDB.png"

export const THEMES = {
    'react' : {
        backgroundImage: react,
        linearGradient: createLinearGradient('#61dafb', '#222222'),
        primaryColor: '#61dafb',
        color: '#222222'
    },
    'firebase': {
        backgroundImage: firebase,
        linearGradient:  createLinearGradient('#FFA611', '#F6820D'),
        primaryColor: '#F6820D',
        color: '#F6820D'
    },
    'vue': {
        backgroundImage: vue,
        linearGradient: createLinearGradient('#49D191', '#33475F'),
        primaryColor: '#33475F',
        color: '#49D191'
    },
    'node': {
        backgroundImage: node,
        linearGradient: createLinearGradient('#80BD01', '#333333'),
        primaryColor: '#333333',
        color: '#80BD01'
    },
    'javascript': {
        backgroundImage: js,
        linearGradient: createLinearGradient('#F7E018', '#000000'),
        primaryColor: '#F7E018',
        color: '#000000'
    },
   
    'redux': {
        backgroundImage: redux,
        linearGradient: createLinearGradient('#764ABD', '#1E1E1E'),
        primaryColor: '#764ABD',
        color: '#1E1E1E'
    },
    'mongodb': {
        backgroundImage: mongodb,
        linearGradient: createLinearGradient('#4DB33D', '#3F3E42'),
        primaryColor: '#F80090',
        color: '#242A31'
    }
}

function createLinearGradient(color1, color2) {
    return `linear-gradient(to bottom right, ${color1} 0%, ${color2} 100%)`;
}
