How to enable light theme?

[vitonsky]

I use latest version of https://github.com/tailwindlabs/tailwindcss-typography

And this is how my html looks like right now:

I want to change style to light version. How to do it?

I've tried to add next config, as described in docs, but it does not work:

/** @type {import('tailwindcss').Config} */
module.exports = {
	theme: {
		extend: {
			typography: () => ({
				pink: {
					css: {
						'--tw-prose-pre-bg': 'var(--chakra-colors-bg-muted)',
						'--tw-prose-pre-code': 'var(--chakra-colors-fg-muted)',
					},
				},
			}),
		},
	},
};

I've added @config "./tailwind.config.js"; directive, CSS variables with prefix --chakra is defined, global styles file is included on page, but it does not work for me. Class i use on root element is

prose
  prose-h1:font-bold prose-h1:text-xl
  prose-a:text-blue-600 prose-p:text-justify prose-img:rounded-xl
  prose-headings:underline max-w-full

What i missed?