I have a Django + Naxt.js project. In the backend I have a preformatted with Pygments text that I pass to the frontend. I use Tailwind in the frontend and I am not sure what is the best way to include Pygments css. I tried passing it to components layer, but it doesn’t seem to work.
/* globals.css */
@tailwind base;
@tailwind components;
@tailwind utilities;
@layer components {
.highlight .hll {
background-color: #49483e;
}
.highlight {
background: #272822;
color: #f8f8f2;
}
.highlight .c {
color: #75715e;
} /* Comment */
.highlight .err {
color: #960050;
background-color: #1e0010;
} /* Error */
.highlight .k {
color: #66d9ef;
} /* Keyword */
.highlight .l {
color: #ae81ff;
}
...
}