/* Set theme variables used for theme Generation */
@use './_themebase' with (
  $themeDarkOrLight: light,
  $accentColor: #2090ea,
  $bgChatView: #e6dcd4,
  $bgImage: url('./images/background_light.svg'),
  $bgMessageBubbleIncoming: #fff,
  $bgMessageBubbleOutgoing: #efffde,
  $bgNavBar: #415e6b,
  $bgPrimary: #fff,
  $bgSecondary: #f5f5f5,
  $chatListItemSelectedBg: #4c6e7d,
  $colorNone: #a0a0a0,
  $colorPrimary: #42a5f5,
  $newChatButtonBg: #415e6b,
  $keybindingSectionHeaderBackground: #dedede,
  $keybindingActionBackground: rgba(0, 0, 0, 0.05),
  $keybindingKeyBorder: gray,
  $textNavBar: #fff,
  $textPrimary: #010101,
  $textSecondary: #585a5f,
  $btnPrimaryText: #fff,
  $colorLessContrast: #676767,

  $scrollbarTransparency: 0.5
);

.theme-meta {
  --name: 'Light Theme';
  --description: 'Our default theme.';
}

/* overwrite themedata */
:root {
  --scrollbarThumb: #666666;
  --scrollbarThumbHover: #606060;
  --bp4DialogBgSecondary: #ececec;
  --chatListItemBgHover: rgb(242, 242, 242);
  --cli-search-result-divider: var(--delta-dialog-separator);
  --cli-search-result-divider-border-width: 0px;
  --emojiMartSelect: var(--chatListItemBgHover);
}
