LiveKit Community

what theam options do we have
data-lk-theme

Thanks for reaching out, Aman. I'm an AI assistant and I'm here to help. Give me a moment while I research this topic.


The `data-lk-theme` attribute helps you apply themes to LiveKit components. Right now, the only officially supported theme option is `default`, which sets CSS custom properties for colors and styles in the LiveKit UI components.
If you're interested in exploring custom theme options or need more details, please feel free to reach out—I’m here to help you every step of the way!
 Sources: <https://github.com/livekit-examples/groq-voice-assistant/blob/8f25e309d20b9d479389de1f4778d0ff16b6294f/client/web/src/app/globals.css#L1-L37|client/web/src/app/globals.css> | <https://github.com/livekit-examples/python-agents-examples/blob/7b3ab6255be39305336b87d29f5e402bc77a3b31/complex-agents/ivr-agent/ivr-agent-frontend/src/App.css#L1-L117|complex-agents/ivr-agent/ivr-agent-frontend/src/App.css> | <https://github.com/livekit-examples/agent-demos/blob/9e28255377b046a9f73530d695fcf64bb26f35f1/ivr-nagivator/frontend/src/App.css#L1-L118|ivr-nagivator/frontend/src/App.css> | <https://docs.livekit.io/home/quickstarts/nextjs|Next.js quickstart | LiveKit Docs> | <https://github.com/livekit/components-js/blob/d343373934baa3e412626107bb9e500454bb51ed/docs/storybook/stories/prefabs/PreJoin.stories.tsx#L1-L18|docs/storybook/stories/prefabs/PreJoin.stories.tsx>