Are we Design Tokens yet?

browser/components/aiwindow/ui/components/ai-chat-content/chat-assistant-error/chat-assistant-error.css

Propagation: 100%

Back to Home
/* This Source Code Form is subject to the terms of the Mozilla Public
 * License, v. 2.0. If a copy of the MPL was not distributed with this
 * file, You can obtain one at https://mozilla.org/MPL/2.0/. */

:host {
  --assistant-box-shadow: var(--box-shadow-level-2);
  --assistant-error-color: light-dark(var(--color-violet-100), var(--color-violet-10));
}

.chat-assistant-error {
  color: var(--assistant-error-color);
  margin-block: var(--space-xlarge) 0;
}

.chat-assistant-error__header {
  font-size: var(--font-size-root);
  font-weight: var(--font-weight-semibold);
  margin-block: 0;
}

.chat-assistant-error__body {
  margin-block: var(--space-small) 0;
}

.chat-assistant-error__button {
  --button-background-color: color-mix(in srgb, var(--color-violet-0) 87%, transparent);
  --button-border: 1px solid var(--color-white);
  --button-border-radius: var(--border-radius-circle);
  --button-font-weight: var(--font-weight);
  --button-min-height-small: var(--size-item-large);
  --button-padding: var(--space-small) var(--space-medium);
  --button-text-color: var(--color-violet-90);

  &::part(button) {
    box-shadow: var(--assistant-box-shadow);
    margin-block: var(--space-large) 0;
  }
}
Back to Home