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

[jethaniya_20]

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!

[amitysupport]

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

[jethaniya_20]

Thank You for the assistance.