From c9b79a074b0779b2f479b56fd2c19c533843193b Mon Sep 17 00:00:00 2001 From: ccnetcore Date: Mon, 7 Jul 2025 22:34:19 +0800 Subject: [PATCH] =?UTF-8?q?style:=20=E5=A2=9E=E5=8A=A0markdown=E6=A0=B7?= =?UTF-8?q?=E5=BC=8F=E4=BC=98=E5=8C=96?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- Yi.Ai.Vue3/src/styles/atom-one-dark.css | 96 +++++++++++++++++++++++ Yi.Ai.Vue3/src/styles/yixin-markdown.scss | 19 ++++- Yi.Ai.Vue3/types/components.d.ts | 4 - 3 files changed, 113 insertions(+), 6 deletions(-) create mode 100644 Yi.Ai.Vue3/src/styles/atom-one-dark.css diff --git a/Yi.Ai.Vue3/src/styles/atom-one-dark.css b/Yi.Ai.Vue3/src/styles/atom-one-dark.css new file mode 100644 index 00000000..1616aafe --- /dev/null +++ b/Yi.Ai.Vue3/src/styles/atom-one-dark.css @@ -0,0 +1,96 @@ +/* + +Atom One Dark by Daniel Gamage +Original One Dark Syntax theme from https://github.com/atom/one-dark-syntax + +base: #282c34 +mono-1: #abb2bf +mono-2: #818896 +mono-3: #5c6370 +hue-1: #56b6c2 +hue-2: #61aeee +hue-3: #c678dd +hue-4: #98c379 +hue-5: #e06c75 +hue-5-2: #be5046 +hue-6: #d19a66 +hue-6-2: #e6c07b + +*/ + +.hljs { + display: block; + overflow-x: auto; + padding: 0.5em; + color: #abb2bf; + background: #282c34; +} + +.hljs-comment, +.hljs-quote { + color: #5c6370; + font-style: italic; +} + +.hljs-doctag, +.hljs-keyword, +.hljs-formula { + color: #c678dd; +} + +.hljs-section, +.hljs-name, +.hljs-selector-tag, +.hljs-deletion, +.hljs-subst { + color: #e06c75; +} + +.hljs-literal { + color: #56b6c2; +} + +.hljs-string, +.hljs-regexp, +.hljs-addition, +.hljs-attribute, +.hljs-meta-string { + color: #98c379; +} + +.hljs-built_in, +.hljs-class .hljs-title { + color: #e6c07b; +} + +.hljs-attr, +.hljs-variable, +.hljs-template-variable, +.hljs-type, +.hljs-selector-class, +.hljs-selector-attr, +.hljs-selector-pseudo, +.hljs-number { + color: #d19a66; +} + +.hljs-symbol, +.hljs-bullet, +.hljs-link, +.hljs-meta, +.hljs-selector-id, +.hljs-title { + color: #61aeee; +} + +.hljs-emphasis { + font-style: italic; +} + +.hljs-strong { + font-weight: bold; +} + +.hljs-link { + text-decoration: underline; +} diff --git a/Yi.Ai.Vue3/src/styles/yixin-markdown.scss b/Yi.Ai.Vue3/src/styles/yixin-markdown.scss index 65de8560..b0316ede 100644 --- a/Yi.Ai.Vue3/src/styles/yixin-markdown.scss +++ b/Yi.Ai.Vue3/src/styles/yixin-markdown.scss @@ -1,5 +1,20 @@ -@use './github-markdown.css'; //需要重写的样式放这里 .elx-xmarkdown-container { - //color: #0fa958 !important; + padding: 0 ; +} +.el-bubble-content p{ + margin: 0 !important; +} +.el-bubble-content{ + padding: 9px 16px !important; + color: rgba(0,0,0,0.85) !important; + font-size: 16px !important; + font-weight: 400 !important; + line-height: 28px !important; +} +.chat-with-id-container{ + max-width: 1000px !important; +} +.el-bubble-content-wrapper { + --bubble-content-max-width: 800px; } diff --git a/Yi.Ai.Vue3/types/components.d.ts b/Yi.Ai.Vue3/types/components.d.ts index ece2a161..a3fa6352 100644 --- a/Yi.Ai.Vue3/types/components.d.ts +++ b/Yi.Ai.Vue3/types/components.d.ts @@ -11,13 +11,9 @@ declare module 'vue' { AccountPassword: typeof import('./../src/components/LoginDialog/components/FormLogin/AccountPassword.vue')['default'] APIKeyManagement: typeof import('./../src/components/userPersonalCenter/components/APIKeyManagement.vue')['default'] DeepThinking: typeof import('./../src/components/DeepThinking/index.vue')['default'] - ElAlert: typeof import('element-plus/es')['ElAlert'] ElAvatar: typeof import('element-plus/es')['ElAvatar'] ElButton: typeof import('element-plus/es')['ElButton'] ElButtonGroup: typeof import('element-plus/es')['ElButtonGroup'] - ElCard: typeof import('element-plus/es')['ElCard'] - ElCollapse: typeof import('element-plus/es')['ElCollapse'] - ElCollapseItem: typeof import('element-plus/es')['ElCollapseItem'] ElContainer: typeof import('element-plus/es')['ElContainer'] ElDialog: typeof import('element-plus/es')['ElDialog'] ElDivider: typeof import('element-plus/es')['ElDivider']