@corti/dictation-web
Version:
Web component for Corti Dictation
53 lines (44 loc) • 1.84 kB
JavaScript
import { css } from 'lit';
const ThemeStyles = css `
:host {
color-scheme: light dark;
/* Component Defaults */
--component-font-family: 'Segoe UI', Roboto, sans-serif;
--component-text-color: light-dark(
/* Card Defaults */
--card-background: light-dark(
--card-border-color: light-dark(
--card-padding: 4px;
--card-border-radius: 8px;
--card-inner-border-radius: 6px;
--card-box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1);
/* Actions Defaults */
--action-plain-border-color: light-dark(
--action-plain-background-hover: light-dark(
--action-accent-background: light-dark(
--action-accent-background-hover: light-dark(
--action-accent-text-color:
--action-red-background: light-dark(
--action-red-background-hover: light-dark(
--action-red-text-color:
/* Callout Defaults */
--callout-info-background: light-dark(
--callout-info-border: light-dark(
--callout-info-text: light-dark(
--callout-error-background: light-dark(
--callout-error-border: light-dark(
--callout-error-text: light-dark(
--callout-warn-background: light-dark(
--callout-warn-border: light-dark(
--callout-warn-text: light-dark(
/* Visualiser Defaults */
--visualiser-background: light-dark(
}
:host {
box-sizing: border-box;
font-family: var(--component-font-family);
color: var(--component-text-color);
}
`;
export default ThemeStyles;
//# sourceMappingURL=theme.js.map