Update usage names of React Native color palette
Reviewed By: weicool Differential Revision: D2978557 fb-gh-sync-id: ef6b6b24e7db7faf3aecee0a9755565e1b41be58 shipit-source-id: ef6b6b24e7db7faf3aecee0a9755565e1b41be58
This commit is contained in:
parent
2708df49e3
commit
8f3e5b1e93
|
@ -5,85 +5,9 @@
|
||||||
*/
|
*/
|
||||||
'use strict';
|
'use strict';
|
||||||
|
|
||||||
// this a partial list of the constants in CSSConstants:: from PHP that are applicable to mobile
|
|
||||||
|
|
||||||
module.exports = {
|
module.exports = {
|
||||||
// FIG UI Core
|
|
||||||
'fbui-blue': '#4267b2',
|
|
||||||
'fbui-accent': '#4080ff',
|
|
||||||
'fbui-highlight': '#ecf3ff',
|
|
||||||
'fbui-green': '#4bc832',
|
|
||||||
'fbui-red': '#fa3e3e',
|
|
||||||
'fbui-white': '#ffffff',
|
|
||||||
'fbui-black': '#000000',
|
|
||||||
|
|
||||||
// FIG UI Light
|
|
||||||
'fbui-light-02': '#f6f7f9',
|
|
||||||
'fbui-light-05': '#e9ebee',
|
|
||||||
'fbui-light-10': '#dddfe2',
|
|
||||||
'fbui-light-15': '#ced0d4',
|
|
||||||
'fbui-light-20': '#bec2c9',
|
|
||||||
'fbui-light-30': '#90949c',
|
|
||||||
'fbui-light-50': '#4b4f56',
|
|
||||||
'fbui-light-80': '#1d2129',
|
|
||||||
|
|
||||||
// FIG UI Alpha
|
|
||||||
'fbui-white-alpha-15': 'rgba(255, 255, 255, .15)',
|
|
||||||
'fbui-white-alpha-30': 'rgba(255, 255, 255, .3)',
|
|
||||||
'fbui-white-alpha-40': 'rgba(255, 255, 255, .4)',
|
|
||||||
'fbui-white-alpha-50': 'rgba(255, 255, 255, .5)',
|
|
||||||
'fbui-white-alpha-80': 'rgba(255, 255, 255, .8)',
|
|
||||||
'fbui-black-alpha-15': 'rgba(0, 0, 0, .15)',
|
|
||||||
'fbui-black-alpha-30': 'rgba(0, 0, 0, .3)',
|
|
||||||
'fbui-black-alpha-40': 'rgba(0, 0, 0, .4)',
|
|
||||||
'fbui-black-alpha-50': 'rgba(0, 0, 0, .5)',
|
|
||||||
'fbui-black-alpha-80': 'rgba(0, 0, 0, .8)',
|
|
||||||
|
|
||||||
// FB UI Dark
|
|
||||||
'fbui-dark-20': '#cccccc',
|
|
||||||
'fbui-dark-50': '#7f7f7f',
|
|
||||||
'fbui-dark-70': '#4c4c4c',
|
|
||||||
'fbui-dark-80': '#333333',
|
|
||||||
'fbui-dark-85': '#262626',
|
|
||||||
'fbui-dark-90': '#191919',
|
|
||||||
'fbui-dark-95': '#0d0d0d',
|
|
||||||
|
|
||||||
// FIG UI Core - Blue variants
|
|
||||||
'fbui-blue-dark-1': '#29487d',
|
|
||||||
'fbui-blue-dark-2': '#20375f',
|
|
||||||
'fbui-blue-dark-3': '#162643',
|
|
||||||
'fbui-blue-tint-15': '#577fbc',
|
|
||||||
'fbui-blue-tint-30': '#7596c8',
|
|
||||||
'fbui-blue-tint-50': '#9cb4d8',
|
|
||||||
'fbui-blue-tint-70': '#c4d2e7',
|
|
||||||
'fbui-blue-tint-90': '#ecf0f7',
|
|
||||||
|
|
||||||
'fbui-accent-blue': '#5890ff',
|
'fbui-accent-blue': '#5890ff',
|
||||||
'fbui-blue-90': '#4e69a2',
|
|
||||||
'fbui-blue-80': '#627aad',
|
|
||||||
'fbui-blue-70': '#758ab7',
|
|
||||||
'fbui-blue-60': '#899bc1',
|
|
||||||
'fbui-blue-50': '#9daccb',
|
|
||||||
'fbui-blue-40': '#b1bdd6',
|
|
||||||
'fbui-blue-30': '#c4cde0',
|
|
||||||
'fbui-blue-20': '#d8deea',
|
|
||||||
'fbui-blue-10': '#ebeef4',
|
|
||||||
'fbui-blue-5': '#f5f7fa',
|
|
||||||
'fbui-blue-2': '#fbfcfd',
|
|
||||||
'fbui-blueblack-90': '#06090f',
|
|
||||||
'fbui-blueblack-80': '#0c121e',
|
|
||||||
'fbui-blueblack-70': '#121b2e',
|
|
||||||
'fbui-blueblack-60': '#18243d',
|
|
||||||
'fbui-blueblack-50': '#1e2d4c',
|
|
||||||
'fbui-blueblack-40': '#23355b',
|
|
||||||
'fbui-blueblack-30': '#293e6b',
|
|
||||||
'fbui-blueblack-20': '#2f477a',
|
|
||||||
'fbui-blueblack-10': '#355089',
|
|
||||||
'fbui-blueblack-5': '#385490',
|
|
||||||
'fbui-blueblack-2': '#3a5795',
|
|
||||||
'fbui-bluegray-90': '#080a10',
|
|
||||||
'fbui-bluegray-80': '#141823',
|
'fbui-bluegray-80': '#141823',
|
||||||
'fbui-bluegray-70': '#232937',
|
|
||||||
'fbui-bluegray-60': '#373e4d',
|
'fbui-bluegray-60': '#373e4d',
|
||||||
'fbui-bluegray-50': '#4e5665',
|
'fbui-bluegray-50': '#4e5665',
|
||||||
'fbui-bluegray-40': '#6a7180',
|
'fbui-bluegray-40': '#6a7180',
|
||||||
|
@ -92,20 +16,13 @@ module.exports = {
|
||||||
'fbui-bluegray-10': '#dcdee3',
|
'fbui-bluegray-10': '#dcdee3',
|
||||||
'fbui-bluegray-5': '#e9eaed',
|
'fbui-bluegray-5': '#e9eaed',
|
||||||
'fbui-bluegray-2': '#f6f7f8',
|
'fbui-bluegray-2': '#f6f7f8',
|
||||||
'fbui-gray-90': '#191919',
|
|
||||||
'fbui-gray-80': '#333333',
|
'fbui-gray-80': '#333333',
|
||||||
'fbui-gray-70': '#4c4c4c',
|
|
||||||
'fbui-gray-60': '#666666',
|
'fbui-gray-60': '#666666',
|
||||||
'fbui-gray-50': '#7f7f7f',
|
|
||||||
'fbui-gray-40': '#999999',
|
'fbui-gray-40': '#999999',
|
||||||
'fbui-gray-30': '#b2b2b2',
|
|
||||||
'fbui-gray-20': '#cccccc',
|
'fbui-gray-20': '#cccccc',
|
||||||
'fbui-gray-10': '#e5e5e5',
|
'fbui-gray-10': '#e5e5e5',
|
||||||
'fbui-gray-5': '#f2f2f2',
|
'fbui-gray-5': '#f2f2f2',
|
||||||
'fbui-gray-2': '#fafafa',
|
'fbui-gray-2': '#fafafa',
|
||||||
'fbui-error': '#ce0d24',
|
'fbui-red': '#dc3847',
|
||||||
'x-mobile-dark-text': '#4e5665',
|
|
||||||
'x-mobile-medium-text': '#6a7180',
|
'x-mobile-medium-text': '#6a7180',
|
||||||
'x-mobile-light-text': '#9197a3',
|
|
||||||
'x-mobile-base-wash': '#dcdee3',
|
|
||||||
};
|
};
|
||||||
|
|
Loading…
Reference in New Issue