discord-html-transcripts-fix
Version:
A nicely formatted html transcript generator for discord.js. Bugfix fork with support for the latest discord.js and Components v2.
7 lines (6 loc) • 3.74 kB
TypeScript
export type CodeBlockProps = {
content: string;
language?: string;
};
export declare const DiscordHighlightStyles = "\n .hljs-ansi-control-sequence {\n \tdisplay: none;\n }\n\n .hljs-ansi-style-bold {\n\t font-weight: 700;\n }\n\n .hljs-ansi-style-underline {\n \ttext-decoration: underline;\n }\n\n .hljs-ansi-foreground-black .hljs-ansi-background-black,\n .hljs-ansi-foreground-black .hljs-ansi-background-blue,\n .hljs-ansi-foreground-black .hljs-ansi-background-cyan,\n .hljs-ansi-foreground-black .hljs-ansi-background-green,\n .hljs-ansi-foreground-black .hljs-ansi-background-magenta,\n .hljs-ansi-foreground-black .hljs-ansi-background-red,\n .hljs-ansi-foreground-black .hljs-ansi-background-white,\n .hljs-ansi-foreground-black .hljs-ansi-background-yellow {\n \tcolor: #073642;\n }\n\n .hljs-ansi-foreground-red {\n\tcolor: #dc322f;\n }\n\n .hljs-ansi-foreground-green {\n\tcolor: #859900;\n }\n\n .hljs-ansi-foreground-yellow {\n\tcolor: #b58900;\n }\n\n .hljs-ansi-foreground-blue {\n\tcolor: #268bd2;\n }\n\n .hljs-ansi-foreground-magenta {\n\tcolor: #d33682;\n }\n\n .hljs-ansi-foreground-cyan {\n\tcolor: #2aa198;\n }\n\n .hljs-ansi-foreground-white {\n\tcolor: var(--interactive-active);\n }\n\n .hljs-ansi-foreground-white .hljs-ansi-background-black,\n .hljs-ansi-foreground-white .hljs-ansi-background-blue,\n .hljs-ansi-foreground-white .hljs-ansi-background-cyan,\n .hljs-ansi-foreground-white .hljs-ansi-background-green,\n .hljs-ansi-foreground-white .hljs-ansi-background-magenta,\n .hljs-ansi-foreground-white .hljs-ansi-background-red,\n .hljs-ansi-foreground-white .hljs-ansi-background-white,\n .hljs-ansi-foreground-white .hljs-ansi-background-yellow {\n\tcolor: #eee8d5;\n }\n\n .hljs-ansi-background-black {\n\tbackground-color: #002b36;\n }\n\n .hljs-ansi-background-red {\n\tbackground-color: #cb4b16;\n }\n\n .hljs-ansi-background-green {\n\tbackground-color: #586e75;\n }\n\n .hljs-ansi-background-yellow {\n\tbackground-color: #657b83;\n }\n\n .hljs-ansi-background-blue {\n\tbackground-color: #839496;\n }\n\n .hljs-ansi-background-magenta {\n\tbackground-color: #6c71c4;\n }\n\n .hljs-ansi-background-cyan {\n\tbackground-color: #93a1a1;\n }\n\n .hljs-ansi-background-white {\n\tbackground-color: #fdf6e3;\n }\n\n .hljs-doctag,\n .hljs-keyword,\n .hljs-meta .hljs-keyword,\n .hljs-template-tag,\n .hljs-template-variable,\n .hljs-type,\n .hljs-variable.language_ {\n\tcolor: #ff7b72;\n }\n\n .hljs-title,\n .hljs-title.class_,\n .hljs-title.class_.inherited__,\n .hljs-title.function_ {\n\tcolor: #d2a8ff;\n }\n\n .hljs-attr,\n .hljs-attribute,\n .hljs-literal,\n .hljs-meta,\n .hljs-number,\n .hljs-operator,\n .hljs-selector-attr,\n .hljs-selector-class,\n .hljs-selector-id,\n .hljs-variable {\n\tcolor: #79c0ff;\n }\n\n .hljs-meta .hljs-string,\n .hljs-regexp,\n .hljs-string {\n\tcolor: #a5d6ff;\n }\n\n .hljs-built_in,\n .hljs-symbol {\n\tcolor: #ffa657;\n }\n\n .hljs-code,\n .hljs-comment,\n .hljs-formula {\n\tcolor: #8b949e;\n }\n\n .hljs-name,\n .hljs-quote,\n .hljs-selector-pseudo,\n .hljs-selector-tag {\n\tcolor: #7ee787;\n }\n\n .hljs-subst {\n\tcolor: #c9d1d9;\n }\n\n .hljs-section {\n\tcolor: #1f6feb;\n\tfont-weight: 700;\n }\n\n .hljs-bullet {\n\tcolor: #f2cc60;\n }\n\n .hljs-emphasis {\n\tcolor: #c9d1d9;\n\tfont-style: italic;\n }\n\n .hljs-strong {\n\tcolor: #c9d1d9;\n\tfont-weight: 700;\n }\n\n .hljs-addition {\n\tcolor: #aff5b4;\n\tbackground-color: #033a16;\n }\n\n .hljs-deletion {\n\tcolor: #ffdcd7;\n\tbackground-color: #67060c;\n }\n";
export declare function DiscordHighlightedCode(props: CodeBlockProps): import("react/jsx-runtime").JSX.Element;