move message box style inside component

This commit is contained in:
Tykayn 2025-08-19 14:42:29 +02:00 committed by tykayn
parent 681d8ecb0b
commit e6d85c7257
5 changed files with 130 additions and 90 deletions

View file

@ -246,7 +246,7 @@
&:hover {
button {
display: block;
}
}
@ -416,88 +416,6 @@
background: variables.$bg-color-chat;
}
.app-theme-light & {
background: #F5F5F5;
}
.app-theme-dark & {
background: #2c2c2c;
color: #d5d5d5;
.message {
&.user {
background: #232432;
color: #8b8ecf;
}
&.llm {
background: #232432;
.message-content {
color: #8b8ecf;
}
.actions {
.button {
background: #0d0e15;
color: grey;
}
}
}
}
}
.app-theme-funky & {
color: #1B1D27;
background: #ffe8e8;
.message {
.message-content {
color: #fff3f3;
}
&.user {
background: #d6a3a3;
color: #1B1D27;
}
&.llm {
background: #9f36bc;
color: #bba7d6;
.actions {
.button {
background: #b08eba;
color: #d4b4ff;
}
}
}
}
}
.message {
&.user {
background: variables.$neutral-white;
}
&.llm {
background: rgba(#3B87CC1A, 10%);
}
}
}