Ryan/Reactive-Resume
1
0
Fork 0
mirror of https://github.com/AmruthPillai/Reactive-Resume.git synced 2025-11-19 03:01:53 +10:00
Code Issues Packages Projects Releases Wiki Activity

- creating a dynamic color palette

Browse Source 
- implementing actions section
This commit is contained in:
Amruth Pillai
2020-07-10 01:09:33 +05:30
parent da197be2f5
commit 89fa8236e8
33 changed files with 261 additions and 124 deletions
Download Patch File Download Diff File Expand all files Collapse all files

34
src/contexts/ThemeContext.js
View File

@ -2,22 +2,28 @@ import React, { createContext, memo, useEffect, useState } from 'react';
const COLOR_CONFIG = {
light: {
'--color-primary': '#444',
'--color-primary-dark': '#333',
'--color-inverse': '#fff',
'--color-inverse-dark': '#f5f5f5',
'--color-secondary-light': '#f7fafc',
'--color-secondary': '#edf2f7',
'--color-secondary-dark': '#718096',
'--color-primary-50': '#FFFFFF',
'--color-primary-100': '#FAFAFA',
'--color-primary-200': '#F1F0F0',
'--color-primary-300': '#D8D2CD',
'--color-primary-400': '#CDC4BA',
'--color-primary-500': '#ABA59D',
'--color-primary-600': '#8A8680',
'--color-primary-700': '#686663',
'--color-primary-800': '#484745',
'--color-primary-900': '#282727',
},
dark: {
'--color-primary': '#f5f5f5',
'--color-primary-dark': '#eeeeee',
'--color-inverse': '#212121',
'--color-inverse-dark': '#181818',
'--color-secondary-light': '#2c2c2c',
'--color-secondary': '#444',
'--color-secondary-dark': '#888',
'--color-primary-50': '#212121',
'--color-primary-100': '#2c2c2c',
'--color-primary-200': '#424242',
'--color-primary-300': '#616161',
'--color-primary-400': '#757575',
'--color-primary-500': '#9e9e9e',
'--color-primary-600': '#bdbdbd',
'--color-primary-700': '#e0e0e0',
'--color-primary-800': '#eeeeee',
'--color-primary-900': '#f5f5f5',
},
};