schmidt1024/kashilo
1
0
Fork 0
Code Issues Pull Requests Releases Activity

move to monochrome theme

Browse Source
This commit is contained in:
Schmidt
2026-01-28 10:23:19 +01:00
parent 0f1ec738b1
commit ed270e7050
6 changed files with 123 additions and 93 deletions
Download Patch File Download Diff File Expand all files Collapse all files

22
js/components/chat-widget.js
View File

@@ -188,11 +188,13 @@ style.textContent = /* css */`
chat-widget .chat-recipient {
font-weight: var(--font-weight-medium);
color: var(--color-text);
}
chat-widget .chat-encrypted {
font-size: var(--font-size-sm);
cursor: help;
filter: grayscale(1);
}
chat-widget .chat-messages {
@@ -233,13 +235,14 @@ style.textContent = /* css */`
}
chat-widget .chat-message.own .message-bubble {
background: var(--color-primary);
color: white;
background: var(--color-text);
color: var(--color-bg);
border-bottom-right-radius: var(--radius-sm);
}
chat-widget .chat-message.other .message-bubble {
background: var(--color-bg-secondary);
background: var(--color-bg-tertiary);
color: var(--color-text);
border-bottom-left-radius: var(--radius-sm);
}
@@ -269,17 +272,28 @@ style.textContent = /* css */`
border: 1px solid var(--color-border);
border-radius: var(--radius-md);
background: var(--color-bg);
color: var(--color-text);
font-size: var(--font-size-base);
}
chat-widget .chat-input input::placeholder {
color: var(--color-text-muted);
}
chat-widget .chat-input input:focus {
outline: none;
border-color: var(--color-primary);
border-color: var(--color-text-muted);
}
chat-widget .chat-input button {
padding: var(--space-sm);
border-radius: var(--radius-md);
background: var(--color-text);
color: var(--color-bg);
}
chat-widget .chat-input button:hover {
background: var(--color-text-secondary);
}
`;
document.head.appendChild(style);