Multi-Theme Tokens not working as expected about panda

[astahmer]

a few things are wrong in your config:

• you don't need a base custom condition with an empty value, it's automatically provided in the css() fn
• the & character was missing in your custom kids condition (we should emphasise this in the linked page)
• you can use DEFAULT in the config semanticTokens to specify the value when not using a condition
• your semanticToken is named the same as the one defined in token, primary, ideally avoid clashing names and use a new one
• you didn't wrap your semanticToken primary in a { value: xxx } key

import { defineConfig } from '@pandacss/dev';

export const config = defineConfig({
  conditions: {
    kids: '&[data-theme=kids]',
  },
  theme: {
    tokens: {
      colors: {
        primary: { value: '#FFF200', description: 'yellow.500' },
        secondary: { value: '#7334F4', description: 'purple.500' },
      }
    },
    semanticTokens: {
      colors: {
        main: {
          value: {
            DEFAULT: '{colors.primary}',
            _kids: '{colors.secondary}'
          }
        }
      }
    }
  },
});

---

we will add config validation exactly to avoid this kind of issues

[alycda]

Thankyou! My apologies for misunderstanding the documentation, fixed here: https://play.panda-css.com/5p5p9cbz2y