SoftwareBrothers / adminjs

AdminJS is an admin panel for apps written in node.js
https://adminjs.co
MIT License
8.19k stars 662 forks source link

[Bug]: navigation-element-styled doesnt seem to be observing my theme color overrides #1592

Closed mattrochon closed 10 months ago

mattrochon commented 10 months ago

Contact Details

No response

What happened?

Trying to override the primary100 color as it relates tot he nav svg tinting.

image

here it doesnt use the same functions as elsewhere, such as

themeGet('space', 'lg')

Which i assume respects the overrides.

image

image

Bug prevalence

Always

AdminJS dependencies version

"dependencies": { "@adminjs/express": "^6.1.0", "@adminjs/prisma": "^5.0.1", "@adminjs/themes": "^1.0.1", "@aws-sdk/client-api-gateway": "^3.465.0", "@aws-sdk/client-cognito-identity-provider": "^3.468.0", "@fortawesome/fontawesome-free": "^6.5.1", "@types/express": "^4.17.21", "adminjs": "^7.4.2", "amazon-cognito-identity-js": "^6.3.7", "cors": "^2.8.5", "express": "^4.18.2", "express-formidable": "^1.2.0", "express-session": "^1.17.3", "mdb-react-ui-kit": "^7.0.0", "memorystore": "^1.6.7", "nodemon": "^3.0.2", "prisma": "^5.6.0", "tslib": "^2.6.2" }, "devDependencies": { "@types/cors": "^2.8.17", "@types/express-session": "^1.17.10", "tsx": "^4.6.2" },

What browsers do you see the problem on?

No response

Relevant log output

No response

Relevant code that's giving you issues

const darkThemeCopy = {
            id: theme.id,
            name: theme.name,
            bundlePath: theme.bundlePath,
            stylePath: theme.stylePath,
            overrides: {
                colors: {
                    primary100: '#ffdba5',
                    bg: '#151419',
                    border: '#39383d',
                    text: '#fff',
                    container: '#1A1A1E',
                    sidebar: '#1d1e20',
                    grey100: '#CDCBD4',
                    grey60: '#8C8B90',
                    grey40: '#151419',
                    filterBg: '#1A1A1E',
                    inputBorder: 'rgba(145, 158, 171, 0.32)',
                    errorLight: '#C20012',
                    successLight: '#007D7F',
                    warningLight: '#A14F17',
                    infoLight: '#3040D6'
                },
                borders: { default: '1px solid #232228', input: '1px solid #232228' },
                shadows: {
                    login: '0 15px 24px 0 rgba(0, 0, 0, 0.3)',
                    cardHover: '0 4px 12px 0 rgba(0, 0, 0, 0.3)',
                    drawer: '-2px 0 8px 0 rgba(0, 0, 0, 0.3)',
                    card: '0 1px 6px 0 rgba(0, 0, 0, 0.3)'
                }
            }
        };
mattrochon commented 10 months ago

Nevermind, user error