playtpus_ui/src/config.ts

React Component Libary

export const mobileWidth =  '860px';
export const tabletWidth =  '1100px';
//#224035  #2a4a3e #2a394a #32325D #2a4a41

export const primaryColor = '#33B482';    // Lighter Bluish Green
export const secondaryColor = '#037885'; // Darker Bluish Green
export const gradient = 'linear-gradient(to left, #00D69E, #00BAA4, #009CA0, #007F90, #1E6378, #2F4858)';
export const gradient1 = 'linear-gradient(#00D69E, #00BAA4)';
export const gradient2 = 'linear-gradient(#00BAA4, #009CA0, #007F90, #1E6378)';
export const cardColor = '#E8F6F3';   

export const primaryTxtColor =  '#32325D';  
export const secodaryTxtColor =  '#32325D';    
export const invertedTxtColor =  '#FFFFFF'; 
export const disabledTxtColor =  '#A6ACAF';  

export const gray = 'rgba(247, 249, 249, 0.65)';
export const primaryDarkColor = '#8b64b7';
export const secondaryDarkColor = 'black';

export const textOverFlowLimit = 15;