cathub/LocalChatGPT

1:root {2    --chatbot-color-light: #F3F3F3;3    --chatbot-color-dark: #121111;4}5 6/* status_display */7#status_display {8    display: flex;9    min-height: 2.5em;10    align-items: flex-end;11    justify-content: flex-end;12}13#status_display p {14    font-size: .85em;15    font-family: monospace;16    color: var(--body-text-color-subdued);17}18 19#chuanhu_chatbot, #status_display {20    transition: all 0.6s;21}22/* list */23ol:not(.options), ul:not(.options) {24    padding-inline-start: 2em !important;25}26 27/* 亮色 */28#chuanhu_chatbot {29    background-color: var(--chatbot-color-light) !important;30}31[data-testid = "bot"] {32    background-color: #FFFFFF !important;33}34[data-testid = "user"] {35    background-color: #95EC69 !important;36}37/* 对话气泡 */38[class *= "message"] {39    border-radius: var(--radius-xl) !important;40    border: none;41    padding: var(--spacing-xl) !important;42    font-size: var(--text-md) !important;43    line-height: var(--line-md) !important;44    min-height: calc(var(--text-md)*var(--line-md) + 2*var(--spacing-xl));45    min-width: calc(var(--text-md)*var(--line-md) + 2*var(--spacing-xl));46}47[data-testid = "bot"] {48    max-width: 85%;49    border-bottom-left-radius: 0 !important;50}51[data-testid = "user"] {52    max-width: 85%;53    width: auto !important;54    border-bottom-right-radius: 0 !important;55}56/* 表格 */57table {58    margin: 1em 0;59    border-collapse: collapse;60    empty-cells: show;61}62td,th {63    border: 1.2px solid var(--border-color-primary) !important;64    padding: 0.2em;65}66thead {67    background-color: rgba(175,184,193,0.2);68}69thead th {70    padding: .5em .2em;71}72/* 行内代码 */73code {74    display: inline;75    white-space: break-spaces;76    border-radius: 6px;77    margin: 0 2px 0 2px;78    padding: .2em .4em .1em .4em;79    background-color: rgba(175,184,193,0.2);80}81/* 代码块 */82pre code {83    display: block;84    overflow: auto;85    white-space: pre;86    background-color: hsla(0, 0%, 0%, 80%)!important;87    border-radius: 10px;88    padding: 1.4em 1.2em 0em 1.4em;89    margin: 1.2em 2em 1.2em 0.5em;90    color: #FFF;91    box-shadow: 6px 6px 16px hsla(0, 0%, 0%, 0.2);92}93/* 代码高亮样式 */94.highlight .hll { background-color: #49483e }95.highlight .c { color: #75715e } /* Comment */96.highlight .err { color: #960050; background-color: #1e0010 } /* Error */97.highlight .k { color: #66d9ef } /* Keyword */98.highlight .l { color: #ae81ff } /* Literal */99.highlight .n { color: #f8f8f2 } /* Name */100.highlight .o { color: #f92672 } /* Operator */101.highlight .p { color: #f8f8f2 } /* Punctuation */102.highlight .ch { color: #75715e } /* Comment.Hashbang */103.highlight .cm { color: #75715e } /* Comment.Multiline */104.highlight .cp { color: #75715e } /* Comment.Preproc */105.highlight .cpf { color: #75715e } /* Comment.PreprocFile */106.highlight .c1 { color: #75715e } /* Comment.Single */107.highlight .cs { color: #75715e } /* Comment.Special */108.highlight .gd { color: #f92672 } /* Generic.Deleted */109.highlight .ge { font-style: italic } /* Generic.Emph */110.highlight .gi { color: #a6e22e } /* Generic.Inserted */111.highlight .gs { font-weight: bold } /* Generic.Strong */112.highlight .gu { color: #75715e } /* Generic.Subheading */113.highlight .kc { color: #66d9ef } /* Keyword.Constant */114.highlight .kd { color: #66d9ef } /* Keyword.Declaration */115.highlight .kn { color: #f92672 } /* Keyword.Namespace */116.highlight .kp { color: #66d9ef } /* Keyword.Pseudo */117.highlight .kr { color: #66d9ef } /* Keyword.Reserved */118.highlight .kt { color: #66d9ef } /* Keyword.Type */119.highlight .ld { color: #e6db74 } /* Literal.Date */120.highlight .m { color: #ae81ff } /* Literal.Number */121.highlight .s { color: #e6db74 } /* Literal.String */122.highlight .na { color: #a6e22e } /* Name.Attribute */123.highlight .nb { color: #f8f8f2 } /* Name.Builtin */124.highlight .nc { color: #a6e22e } /* Name.Class */125.highlight .no { color: #66d9ef } /* Name.Constant */126.highlight .nd { color: #a6e22e } /* Name.Decorator */127.highlight .ni { color: #f8f8f2 } /* Name.Entity */128.highlight .ne { color: #a6e22e } /* Name.Exception */129.highlight .nf { color: #a6e22e } /* Name.Function */130.highlight .nl { color: #f8f8f2 } /* Name.Label */131.highlight .nn { color: #f8f8f2 } /* Name.Namespace */132.highlight .nx { color: #a6e22e } /* Name.Other */133.highlight .py { color: #f8f8f2 } /* Name.Property */134.highlight .nt { color: #f92672 } /* Name.Tag */135.highlight .nv { color: #f8f8f2 } /* Name.Variable */136.highlight .ow { color: #f92672 } /* Operator.Word */137.highlight .w { color: #f8f8f2 } /* Text.Whitespace */138.highlight .mb { color: #ae81ff } /* Literal.Number.Bin */139.highlight .mf { color: #ae81ff } /* Literal.Number.Float */140.highlight .mh { color: #ae81ff } /* Literal.Number.Hex */141.highlight .mi { color: #ae81ff } /* Literal.Number.Integer */142.highlight .mo { color: #ae81ff } /* Literal.Number.Oct */143.highlight .sa { color: #e6db74 } /* Literal.String.Affix */144.highlight .sb { color: #e6db74 } /* Literal.String.Backtick */145.highlight .sc { color: #e6db74 } /* Literal.String.Char */146.highlight .dl { color: #e6db74 } /* Literal.String.Delimiter */147.highlight .sd { color: #e6db74 } /* Literal.String.Doc */148.highlight .s2 { color: #e6db74 } /* Literal.String.Double */149.highlight .se { color: #ae81ff } /* Literal.String.Escape */150.highlight .sh { color: #e6db74 } /* Literal.String.Heredoc */151.highlight .si { color: #e6db74 } /* Literal.String.Interpol */152.highlight .sx { color: #e6db74 } /* Literal.String.Other */153.highlight .sr { color: #e6db74 } /* Literal.String.Regex */154.highlight .s1 { color: #e6db74 } /* Literal.String.Single */155.highlight .ss { color: #e6db74 } /* Literal.String.Symbol */156.highlight .bp { color: #f8f8f2 } /* Name.Builtin.Pseudo */157.highlight .fm { color: #a6e22e } /* Name.Function.Magic */158.highlight .vc { color: #f8f8f2 } /* Name.Variable.Class */159.highlight .vg { color: #f8f8f2 } /* Name.Variable.Global */160.highlight .vi { color: #f8f8f2 } /* Name.Variable.Instance */161.highlight .vm { color: #f8f8f2 } /* Name.Variable.Magic */162.highlight .il { color: #ae81ff } /* Literal.Number.Integer.Long */163