Obsidian样式：Copilot的聊天对话框样式

每日闲聊
1

image
image796×678 41.3 KB

.view-content .chat-container {
    * {
        font-size: medium;
    }

    [data-testid="chat-messages"] {
        /* 用户 */
        .my-1>div.border-solid {
            /* width: calc(100% - 20px); */
            margin-left: auto;
            border: none;
            background-color: var(--background-primary);
            max-width: 90%;

            div:has(>svg) {
                margin-left: auto;

            }
        }

        /* gpt */
        .my-1>div:not(.border-solid) {
            /* border: 1px solid var(--background-modifier-border); */
            background-color: var(--background-modifier-border);
            max-width: 90%;
        }
    }
    .bottom-container {

        &>.rounded-md {
            background-color: var(--background-primary);
        }
    }
}

/* !修改对话框配色 */
.theme-light .view-content .chat-container [data-testid="chat-messages"] {

    /* 用户 */
    .my-1>div.border-solid {
        background-color: #D6F3EC;
    }

    /* gpt */
    .my-1>div:not(.border-solid) {
        background-color: #FFFFFF;
    }
}

.theme-dark .view-content .chat-container [data-testid="chat-messages"] {

    /* 用户 */
    .my-1>div.border-solid {
        background-color: #21413B;
    }

    /* gpt */
    .my-1>div:not(.border-solid) {
        background-color: #373739;
    }
}