move to monochrome theme
This commit is contained in:
@@ -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);
|
||||
|
||||
@@ -398,16 +398,19 @@ style.textContent = /* css */`
|
||||
page-listing .monero-address code {
|
||||
flex: 1;
|
||||
padding: var(--space-sm) var(--space-md);
|
||||
background: var(--color-bg-secondary);
|
||||
background: var(--color-bg-tertiary);
|
||||
border: 1px solid var(--color-border);
|
||||
border-radius: var(--radius-md);
|
||||
font-size: var(--font-size-xs);
|
||||
word-break: break-all;
|
||||
line-height: 1.4;
|
||||
color: var(--color-text);
|
||||
}
|
||||
|
||||
page-listing .btn-copy {
|
||||
padding: var(--space-sm);
|
||||
border-color: var(--color-border);
|
||||
color: var(--color-text);
|
||||
flex-shrink: 0;
|
||||
}
|
||||
|
||||
|
||||
Reference in New Issue
Block a user