Need assistance with applying Dark Theme to Chat and Social UI Kit

I’m currently working with the Social and Chat SDK, and I’m trying to implement a Dark Theme based on the documentation provided here. I’ve followed the instructions and modified the theme as follows:

const defaultTheme = {
palette: {
alert: ‘#FF8E72’,
base: ‘#E8E8E8’,
primary: ‘#1E90FF’,
secondary: ‘#FFD700’,
tertiary: ‘#FF5B8B’,
neutral: ‘#F6F6F6’,
highlight: ‘#1E90FF’,

    system: {
        borders: '#3A3A3A',
        background: '#1E1E1E',
    },
},

typography: {
    global: {
        fontFamily: 'Inter, -apple-system, BlinkMacSystemFont, Arial, sans-serif',
        fontStyle: 'normal',
    },
    headline: {
        fontWeight: 600,
        fontSize: '20px',
        color: '#F6F6F6',
    },
    title: {
        fontWeight: 600,
        fontSize: '16px',
        color: '#F6F6F6',
    },
    body: {
        fontWeight: 'normal',
        fontSize: '14px',
        color: '#F6F6F6',
    },
    bodyBold: {
        fontWeight: 600,
        fontSize: '14px',
        color: '#F6F6F6',
    },
    caption: {
        fontWeight: 'normal',
        fontSize: '12px',
        color: '#F6F6F6',
    },
    captionBold: {
        fontWeight: 600,
        fontSize: '12px',
        color: '#F6F6F6',
    },
},

};
However, I’m not getting the expected output. Can you please help me identify what might be missing or incorrect in my implementation? and here is the images of output…


Thanks in advance!

Hello, we suggest utilizing the open-source UIKit, as it will enable you to have full customization capabilities.

Docs: https://docs.amity.co/amity-uikit/web/web-uikit-installation-guide#migrate-open-source-web-ui-kit

Thank You for the assistance.