const APP_CONTEXT = '/publisher-new';
const STORE_APP_CONTEXT = '/store-new';
const Configurations = {
    themes: {
        light: {
            palette: {
                primary: {
                    // light: will be calculated from palette.primary.main,
                    main: '#15b8cf',
                    // dark: will be calculated from palette.primary.main,
                    // contrastText: will be calculated to contrast with palette.primary.main
                },
                secondary: {
                    light: '#0066ff',
                    main: '#a2ecf5',
                    // dark: will be calculated from palette.secondary.main,
                    contrastText: '#ffcc00',
                },
                background: {
                    default: '#f6f6f6',
                    paper: '#ffffff',
                    appBar: '#1d344f',
                    appBarSelected: '#1d344f',
                    leftMenu: '#1a1f2f',
                    leftMenuActive: '#254061',
                    drawer: '#1a1f2f',
                    activeMenuItem: '#254061',
                },
            },
            typography: {
                fontFamily: '"Open Sans", "Helvetica", "Arial", sans-serif',
                fontSize: 12,
                subtitle2: {
                    fontWeight: 600,
                },
                h4: {
                    fontSize: '1.3rem',
                },
            },
            custom: {
                starColor: '#f2c73a',
                disableColor: '#D3D3D3',
                leftMenuWidth: 200,
                contentAreaWidth: 1240,
                drawerWidth: 200,
                logo: APP_CONTEXT + '/site/public/images/logo.png',
                backgroundImage: APP_CONTEXT + '/site/public/images/back-light.png',
                title: 'WSO2 APIM Publisher',
                defaultApiView: 'grid', // Sets the default view for the api listing page ( Other values available = 'list' )
                showApiHelp: false, // API detials page has a right hand side panel showing it's related help. Set this to false if you want to hide it.
                leftMenu: 'icon left', //  other values ('icon top', 'icon left', 'no icon', 'no text')
                leftMenuIconSize: 24,
                leftMenuIconMainSize: 52,
                leftMenuTextStyle: 'uppercase',
                resourceChipColors: {
                    get: '#02a8f4',
                    post: '#8ac149',
                    put: '#ff9700',
                    delete: '#fd5621',
                    option: '#5f7c8a',
                    patch: '#785446',
                    head: '#785446',
                },
                operationChipColor: {
                    query: '#b3e6fe',
                    mutation: '#c1dea0',
                    subscription: '#ffcc80',
                },
                thumbnail: {
                    backgrounds: [ // These backgrounds are use to generate the thumbnails.
                        { prime: 0x8f6bcaff, sub: 0x4fc2f8ff },
                        { prime: 0xf47f16ff, sub: 0xcddc39ff },
                        { prime: 0xf44236ff, sub: 0xfec107ff },
                        { prime: 0x2196f3ff, sub: 0xaeea00ff },
                        { prime: 0xff9700ff, sub: 0xffeb3cff },
                        { prime: 0xff9700ff, sub: 0xfe5722ff },
                    ],
                    document: {
                        icon: 'library_books',
                        backgrounds: {
                            prime: 0xcff7ffff,
                            sub: 0xe2fff7ff,
                        },
                    },
                },
                // lifeCycleImage: APP_CONTEXT + '/public/app/images/logo.png',
                // Uncomment above if you want to add a custom image to the lifecycle diagram.
                adminRole: 'admin',
                commentsLimit: 5,
                maxCommentLength: 1300,
                productSampleProgess: {
                    backgroundMain: '#15b8cf',
                    backgroundChip: '#5aebf9',
                },
            },
        },
    },
    app: {
        context: APP_CONTEXT,
        storeContext: STORE_APP_CONTEXT,
    },
};
if (typeof module !== 'undefined') {
    module.exports = Configurations; // Added for tests
}

@@ -2393,24 +2393,115 @@
 hipColors: %7B
+ // https://github.com/swagger-api/swagger-ui/blob/master/src/style/_variables.scss#L45-L52
 %0A           
@@ -2520,14 +2520,14 @@
 : '#
-02a8f4
+61affe
 ',%0A 
@@ -2557,14 +2557,14 @@
 : '#
-8ac149
+49cc90
 ',%0A 
@@ -2590,20 +2590,20 @@
 put: '#f
-f970
+ca13
 0',%0A    
@@ -2633,13 +2633,13 @@
  '#f
-d5621
+93e3e
 ',%0A 
@@ -2671,14 +2671,14 @@
 : '#
-5f7c8a
+0d5aa7
 ',%0A 
@@ -2701,30 +2701,30 @@
    patch: '#
-785446
+50e3c2
 ',%0A         
@@ -2746,14 +2746,93 @@
 : '#
-785446
+9012fe',%0A                    trace: '#785446',%0A                    disabled: '#ebebeb
 ',%0A 

Change operation verb colors