Есть ли простой способ применить индивидуальную тему для реагирования-синтаксиса-жесткого?CSS

Разбираемся в CSS
Ответить
Anonymous
 Есть ли простой способ применить индивидуальную тему для реагирования-синтаксиса-жесткого?

Сообщение Anonymous »

Я пытался создать фрагмент кода на моем веб-сайте на визуализированном текстовом редакторе с использованием react-syntax-highlighter. Я провел некоторое время, используя этот плагин и люблю его, однако я столкнулся с проблемой, на которую я не могу найти ответа. Я хочу изменить некоторые цвета сгенерированного кода, но не могу найти какой -либо другой способ сделать это, кроме как использовать их выбор по умолчанию. Они позволяют вам применять стили на фон и код, но не пролеты, которые содержат цвета, есть ли какой -либо простой способ создания и применения пользовательской темы или просто нацеливаться на конкретные классы и изменить их цвета? < /P>

Код: Выделить всё

import { Prism as SyntaxHighlighter } from "react-syntax-highlighter";
import { atomDark } from "react-syntax-highlighter/dist/esm/styles/prism";

const CodeDisplay = ({ active }) => {

const templateString = `
const NewObject = New Shop(
console.log('shop');
)
`
return (


{templateString}


);
};
Выходная экрана

Подробнее здесь: https://stackoverflow.com/questions/660 ... ighlighter
Ответить

Быстрый ответ

Изменение регистра текста: 
Смайлики
:) :( :oops: :roll: :wink: :muza: :clever: :sorry: :angel: :read: *x)
Ещё смайлики…
   
К этому ответу прикреплено по крайней мере одно вложение.

Если вы не хотите добавлять вложения, оставьте поля пустыми.

Максимально разрешённый размер вложения: 15 МБ.

Вернуться в «CSS»