web_assets/stylesheet/markdown.css

/* list from gradio 4.26, recover what silly gradio has done*/ 
.message {
    .prose ul {
        list-style-position: outside !important;
        list-style-type: disc;
    }
    .prose ol {
        list-style-position: outside !important;
    }
    .prose ul ul,
    .prose ol ul,
    .prose ul ol ul,
    .prose ol ol ul {
        list-style-type: circle;
    }
    .prose ul > p,
    .prose li > p {
        display: initial;
    }
    .prose ol,
    .prose ul {
        margin-top: unset;
    }
    .prose ul ul,
    .prose ul ol,
    .prose ol ol,
    .prose ol ul {
        margin: initial;
        font-size: inherit;
    }
    .prose li {
        margin-bottom: initial;
    }
}


/* 表格 */
.message table {
    margin: 1em 0;
    border-collapse: collapse;
    empty-cells: show;
}
.message td, .message th {
    border: 1.2px solid var(--border-color-primary) !important;
    padding: 0.2em;
}
.message thead {
    background-color: rgba(175,184,193,0.2);
}
.message thead th {
    padding: .5em .2em;
}

/* 行内代码 */
.message :not(pre) > code {
    display: inline;
    white-space: break-spaces;
    font-family: var(--font-mono) !important;
    border-radius: 6px !important;
    margin: 0 2px 0 2px;
    padding: .1em .4em .08em .4em !important;
    background-color: rgba(175,184,193,0.2) !important;
    border: none !important;
    font-size: var(--text-md) !important;
}
/* 代码块 */
.message pre,
.message pre[class*=language-] {
    color: #fff;
    overflow-x: auto;
    overflow-y: hidden;
    padding: var(--spacing-xl) 1.2em !important;
    border-radius: var(--radius-lg) !important;
    background: var(--neutral-950) !important;
}
.message pre code,
.message pre code[class*=language-] {
    color: #fff;
    padding: 0;
    margin: 0;
    background-color: unset;
    text-shadow: none;
    font-family: var(--font-mono);
    font-size: var(--text-md);
}
.message .code_wrap {
    margin: .8em 1em 1em 0em;
}

/* 覆盖prism.css */
.language-css .token.string,
.style .token.string,
.token.entity,
.token.operator,
.token.url {
    background: none !important;
}