theme.js

export default {
    $buttonColor: 'rgba(0, 151, 157, 1)',
    $registerButtonColor: 'rgba(12, 72, 129, 1)',
    $registerDisabledButtonColor: 'rgba(205,228,250, 1)',
    $disabledButtonColor: 'rgba(0, 151, 157, .35)',
    $projectTitleColor: 'rgba(70, 209, 120, 1)',
    $textColor: 'white',
    $lightTransparent: 'rgba(0, 0, 0, .03)',
    $transparent: 'rgba(0, 0, 0, 0)',
    $darkTextColor: 'rgba(12, 71, 128, 1)',
    $darkGreyTextColor: 'rgba(0, 0, 0, .8)',
    $greyTextColor: 'rgba(0, 0, 0, .6)',
    $lightGrey: 'rgba(240, 240, 240, 1)',
    $grey: 'rgba(164, 164, 164, 1)',
    $mediumGrey: 'rgba(216, 216, 216, 1)',
    $navy: 'rgba(12, 72, 129, 1)',
    $lightGreyBackground: 'rgba(239, 242, 245, 1)',
    $greyBorder: 'rgba(0, 0, 0, .2)',
    $transluscentWhite: 'rgba(255, 255, 255, 0.8)',
    $darkTeal: 'rgba(0, 116, 130, 1)',
    $lightestGrey: '#EFF3F6',
    $darkGrey: '#5C5C5C',
    $disabledIconColor: '#D5DCE4',
    $orange: '#F0B101',
    $darkOrange: '#ff4500',
    $swipeLeft: '#E45950',
    $swipeRight: '#00979D',
    $dragBarColor: '#B3B1B3',

    // New Style Guide Colors
    $backgroundColor: 'rgba(239, 242, 245, 1)',
    $headerGrey: 'rgba(92, 92, 92, 1)',
    $borderGrey: 'rgba(203, 204, 203, 1)',
    $chevronGrey: 'rgba(166,167,169,1)',
    $testRed: 'rgba(228,89,80,1)',
    $zooniverseTeal: 'rgba(0, 151, 157, 1)',
    $seperator: 'rgba(151, 151, 151, 1)',
    $classifierGrey: '#E2E5E9',
    $selectedButton: 'rgba(0, 52, 59, 1)',
}