tiny-rdm/frontend/src/utils/extra_theme.js

40 lines
705 B
JavaScript

/**
* @typedef ExtraTheme
* @property {string} titleColor
* @property {string} sidebarColor
* @property {string} splitColor
*/
/**
*
* @type ExtraTheme
*/
export const extraLightTheme = {
titleColor: '#F2F2F2',
ribbonColor: '#F9F9F9',
ribbonActiveColor: '#E3E3E3',
sidebarColor: '#F2F2F2',
splitColor: '#DADADA',
}
/**
*
* @type ExtraTheme
*/
export const extraDarkTheme = {
titleColor: '#262626',
ribbonColor: '#2C2C2C',
ribbonActiveColor: '#363636',
sidebarColor: '#262626',
splitColor: '#474747',
}
/**
*
* @param {boolean} dark
* @return ExtraTheme
*/
export const extraTheme = (dark) => {
return dark ? extraDarkTheme : extraLightTheme
}