Make prism ignore current theme

[JohnDoe453]

I can't figure out how i can make prism to continue using the light theme colors even after changing theme.
I am using gatsby.

./babelrc.js

 [
      'prismjs',
      {
        languages: [
          'clike',
          'css',
          'html',
          'javascript',
          'markup',
          'mathml',
          'python',
          'svg',
          'xml',
          'sql',
          'typescript'
        ],
        theme: 'One Light',
        css: true,
        plugins: ['line-numbers']
      }
]

[RunDevelopment]

One light is a theme from Prism themes. The babel plugin only supports the themes in the main repo, you have to import themes from Prism themes manually.

[JohnDoe453]

Alright, suppose I make it default, then I don't want it to change the colors according to the theme. I want it to be light all the time.

here the issue, i am facing :-

Light Theme:

Dark Theme:

I want same highlighting colour for dark theme too. Is there any way to do this?

[RunDevelopment]

So your problem is that the dark theme doesn't work?

Keep in mind that Prism only supports one theme at a time. If you need multiple themes (e.g. to switch between dark mode and light mode), then you must only import either the light theme or the dark theme. You must not load both at the same time. The easiest way to do this is by dynamically adding and removing <style> or <link> tags.