palette美化规范

全局美化规范

固定UI元素(如顶部栏、输入框、按钮等)的样式优化

聊天背景

聊天背景

定位 id="mufy_background_image"

    /* 聊天背景图 */
    #mufy_background_image{
          background-image: url('你的图片链接放在这里') !important;
          
    }

聊天背景遮罩

定位 id="mufy_background_overlay"

    /* 聊天背景遮罩 */
    #mufy_background_overlay{
          background-color: rgba(0, 0, 0, 0) !important;/* 你的背景遮罩透明度在这里 */
    }

顶部栏

顶部栏容器

定位 id="mufy_chat_header"

替换美化需求,复制粘贴给AI可快速生成代码⬇️

返回按钮

定位 id="mufy_back_button"

替换美化需求,复制粘贴给AI可快速生成代码⬇️

关注按钮

定位 id="mufy_header_follow_btn"

替换美化需求,复制粘贴给AI可快速生成代码⬇️

亮度按钮

定位 id="mufy_header_clarity_btn"

替换美化需求,复制粘贴给AI可快速生成代码⬇️

消息按钮

定位 id="mufy_header_message_btn"

替换美化需求,复制粘贴给AI可快速生成代码⬇️

更多按钮

定位 id="mufy_header_more_btn"

替换美化需求,复制粘贴给AI可快速生成代码⬇️

输入框

输入框容器

定位id="mufy_chat_input_container"

替换美化需求,复制粘贴给AI可快速生成代码⬇️

输入框框体

定位 id="mufy_chat_input_box"

替换美化需求,复制粘贴给AI可快速生成代码⬇️

输入框内文字

定位 id="mufy_chat_input_box" textarea

替换美化需求,复制粘贴给AI可快速生成代码⬇️

输入框重说按钮

定位 id="mufy_chat_input_replay_btn"

替换美化需求,复制粘贴给AI可快速生成代码⬇️

输入框模型按钮

定位 id="mufy_chat_input_model_btn"

替换美化需求,复制粘贴给AI可快速生成代码⬇️

作者的话

定位 id="mufy_author_note"

替换美化需求,复制粘贴给AI可快速生成代码⬇️

聊天操作

按钮

定位 id="mufy_message_actions_btn"

替换美化需求,复制粘贴给AI可快速生成代码⬇️

容器

定位 id="mufy_message_actions_box"

替换美化需求,复制粘贴给AI可快速生成代码⬇️

删除

定位 id="mufy_message_actions_delete"

替换美化需求,复制粘贴给AI可快速生成代码⬇️

修改

定位 id="mufy_message_actions_edit"

替换美化需求,复制粘贴给AI可快速生成代码⬇️

复制

定位 id="mufy_message_actions_copy"

替换美化需求,复制粘贴给AI可快速生成代码⬇️

聊天美化规范

聊天区域(如状态栏、气泡框等)的视觉优化

气泡框

AI气泡框

渲染规则为<message>

定位 class="mufy_ai_message_bubble"

替换美化需求,复制粘贴给AI可快速生成代码⬇️

用户气泡框

定位 class="mufy_user_message_bubble"

替换美化需求,复制粘贴给AI可快速生成代码⬇️

系统设定

渲染规则为<system>

定位 class="mufy_message_system"

替换美化需求,复制粘贴给AI可快速生成代码⬇️

心理叙述

渲染规则为<narration>

定位 class="mufy_message_narration"

替换美化需求,复制粘贴给AI可快速生成代码⬇️

代码块

渲染规则为 '''

定位 class="mufy_code_block"

替换美化需求,复制粘贴给AI可快速生成代码⬇️

加重句

渲染规则为 **这是文本**

定位 class="mufy_emphasis_text"

替换美化需求,复制粘贴给AI可快速生成代码⬇️

状态栏

渲染规则为<details>

建议在小剧场部分就写好状态栏样式,更加节省AI的上下文

如果在侧边栏部分也使用了details标签,则不建议在小剧场部分写样式,有可能会引起冲突

Last updated