$chat-background-color: getCustomVar(("$chat-background-color")) !default;
$chat-border-color: getCustomVar(("$chat-border-color")) !default;
$chat-avatar-color: getCustomVar(("$chat-avatar-color")) !default;
$chat-avatar-background-color: getCustomVar(("$chat-avatar-background-color")) !default;
$chat-bubble-color-primary: getCustomVar(("$chat-bubble-color-primary")) !default;
$chat-bubble-background-color-primary: getCustomVar(("$chat-bubble-background-color-primary")) !default;
$chat-bubble-color-secondary: getCustomVar(("$chat-bubble-color-secondary")) !default;
$chat-bubble-background-color-secondary: getCustomVar(("$chat-bubble-background-color-secondary")) !default;
$chat-information-author-name-color: getCustomVar(("$chat-information-author-name-color")) !default;
$chat-information-timestamp-color: getCustomVar(("$chat-information-timestamp-color")) !default;
$chat-messagelist-day-header-color: getCustomVar(("$chat-messagelist-day-header-color")) !default;
$chat-alertlist-color: getCustomVar(("$chat-alertlist-color")) !default;
$chat-messagelist-empty-icon-color: getCustomVar(("$chat-messagelist-empty-icon-color")) !default;
$chat-messagelist-empty-icon-background-color: getCustomVar(("$chat-messagelist-empty-icon-background-color")) !default;
$chat-messagelist-empty-message-color: getCustomVar(("$chat-messagelist-empty-message-color")) !default;
$chat-messagelist-empty-prompt-color: getCustomVar(("$chat-messagelist-empty-prompt-color")) !default;
$chat-typingindicator-color: getCustomVar(("$chat-typingindicator-color")) !default;
$chat-typingindicator-bubble-bg-color: getCustomVar(("$chat-typingindicator-bubble-bg-color")) !default;
$chat-typingindicator-circle-bg-color-center: getCustomVar(("$chat-typingindicator-circle-bg-color-center")) !default;
$chat-typingindicator-circle-bg-color: getCustomVar(("$chat-typingindicator-circle-bg-color")) !default;

@use "sass:color";
@use "../colors" as *;
@use "../textEditor/colors" as *;
@use "../button/colors" as *;

// adduse
$chat-background-color: $base-bg !default;
$chat-border-color: $base-border-color !default;
$chat-messagebox-border-color: $chat-border-color !default;
$chat-messagebox-file-background-color: $button-normal-text-hover-bg !default;
$chat-messagebox-file-cancel-button-secondary-color: $button-normal-text-active-bg !default;
$chat-message-editing-preview-accent-color: $base-accent !default;
$chat-message-editing-preview-cancel-button-color: $texteditor-label-color !default;
$chat-avatar-color: $base-text-color !default;
$chat-avatar-background-color: $base-border-color !default;
$chat-bubble-color-primary: $base-text-color !default;
$chat-bubble-background-color-primary: null !default;
$chat-bubble-color-secondary: $base-text-color !default;
$chat-bubble-background-color-secondary: rgba($base-inverted-bg, 0.08) !default;
$chat-information-author-name-color: rgba($base-inverted-bg, 0.6) !default;
$chat-information-timestamp-color: rgba($base-inverted-bg, 0.6) !default;
$chat-messagelist-day-header-color: rgba($base-inverted-bg, 0.6) !default;
$chat-alertlist-color: $base-invalid-color !default;
$chat-messagelist-empty-icon-color: rgba($base-inverted-bg, 0.38) !default;
$chat-messagelist-empty-icon-background-color: rgba($base-inverted-bg, 0.08) !default;
$chat-messagelist-empty-message-color: rgba($base-inverted-bg, 0.87) !default;
$chat-messagelist-empty-prompt-color: rgba($base-inverted-bg, 0.6) !default;
$chat-typingindicator-color: rgba($base-inverted-bg, 0.6) !default;
$chat-typingindicator-bubble-bg-color: $chat-bubble-background-color-secondary !default;
$chat-typingindicator-circle-bg-color-center: rgba($base-inverted-bg, 0.6) !default;
$chat-typingindicator-circle-bg-color: rgba($base-inverted-bg, 0.4) !default;

$chat-file-container-background-color: $base-bg !default;
$chat-file-container-box-shadow: null !default;
$chat-file-secondary-color: $base-icon-color !default;

@if $mode == "light" {
  $chat-bubble-background-color-primary: rgba($base-accent, 0.08) !default;
  $chat-file-container-box-shadow: 0 1px 1px 0 color.change($base-shadow-color, $alpha: 0.14), 0 1px 1px 0 color.change($base-shadow-color, $alpha: 0.12), 0 1px 3px 0 color.change($base-shadow-color, $alpha: 0.2) !default;
}

@else if $mode == "dark" {
  $chat-bubble-background-color-primary: rgba(lighten($base-accent, 19.22), 0.08) !default;
  $chat-file-container-box-shadow: 0 1px 1px 0 color.change($base-shadow-color, $alpha: 0.28), 0 1px 1px 0 color.change($base-shadow-color, $alpha: 0.24), 0 1px 3px 0 color.change($base-shadow-color, $alpha: 0.4) !default;
}

$chat-messagelist-contextmenu-delete-button-color: $base-danger !default;
$chat-messagelist-contextmenu-delete-button-focused-color: $base-danger !default;
$chat-messagelist-contextmenu-delete-button-focused-bg: $base-hover-bg !default;
$never-used: collector((
"$chat-background-color": $chat-background-color,
"$chat-border-color": $chat-border-color,
"$chat-avatar-color": $chat-avatar-color,
"$chat-avatar-background-color": $chat-avatar-background-color,
"$chat-bubble-color-primary": $chat-bubble-color-primary,
"$chat-bubble-background-color-primary": $chat-bubble-background-color-primary,
"$chat-bubble-color-secondary": $chat-bubble-color-secondary,
"$chat-bubble-background-color-secondary": $chat-bubble-background-color-secondary,
"$chat-information-author-name-color": $chat-information-author-name-color,
"$chat-information-timestamp-color": $chat-information-timestamp-color,
"$chat-messagelist-day-header-color": $chat-messagelist-day-header-color,
"$chat-alertlist-color": $chat-alertlist-color,
"$chat-messagelist-empty-icon-color": $chat-messagelist-empty-icon-color,
"$chat-messagelist-empty-icon-background-color": $chat-messagelist-empty-icon-background-color,
"$chat-messagelist-empty-message-color": $chat-messagelist-empty-message-color,
"$chat-messagelist-empty-prompt-color": $chat-messagelist-empty-prompt-color,
"$chat-typingindicator-color": $chat-typingindicator-color,
"$chat-typingindicator-bubble-bg-color": $chat-typingindicator-bubble-bg-color,
"$chat-typingindicator-circle-bg-color-center": $chat-typingindicator-circle-bg-color-center,
"$chat-typingindicator-circle-bg-color": $chat-typingindicator-circle-bg-color,
));