igniteui-webcomponents
Version:
Ignite UI for Web Components is a complete library of UI components, giving you the ability to build modern web applications using encapsulation and the concept of reusable components in a dependency-free approach.
3 lines • 1.25 kB
JavaScript
import { css } from 'lit';
export const styles = css `:host{--background: var(--ig-chat-background, var(--ig-surface-500));--header-background: var(--ig-chat-header-background, var(--ig-surface-500));--header-color: var(--ig-chat-header-color, var(--ig-surface-500-contrast));--header-border: var(--ig-chat-header-border, var(--ig-transparent-500));--message-background: var(--ig-chat-message-background, var(--ig-gray-200));--message-color: var(--ig-chat-message-color, var(--ig-gray-800));--message-actions-color: var(--ig-chat-message-actions-color, var(--ig-gray-700));--file-background: var(--ig-chat-file-background, var(--ig-gray-900-contrast));--file-icon-color: var(--ig-chat-file-icon-color, var(--ig-gray-500));--file-icon-accent-color: var(--ig-chat-file-icon-accent-color, var(--ig-gray-600));--image-background: var(--ig-chat-image-background, var(--ig-gray-100));--image-border: var(--ig-chat-image-border, var(--ig-gray-300));--image-attachment-icon: var(--ig-chat-image-attachment-icon, var(--ig-gray-900));--progress-indicator-color: var(--ig-chat-progress-indicator-color, var(--ig-secondary-500));--code-background: var(--ig-chat-code-background, var(--ig-gray-50));--ig-theme: material}`;
//# sourceMappingURL=chat.material.css.js.map