fix(dashboard): use transparent background as default for chat

twirapp · Dec 13, 2023 · ca93a9f · ca93a9f
1 parent 40399d0
commit ca93a9f
Show file tree

Hide file tree

Showing 3 changed files with 6 additions and 6 deletions.
diff --git a/frontend/dashboard/src/locales/en.json b/frontend/dashboard/src/locales/en.json
@@ -366,7 +366,7 @@
       "showBadges": "Show badges",
       "showAnnounceBadge": "Show announce badge (only for boxed style)",
       "reverseMessages": "Show new messages on top, instead bottom",
-      "revertFont": "Reset to default",
+      "resetToDefault": "Reset to default",
       "textShadow": "Text shadow",
 			"backgroundColor": "Background color"
     },

diff --git a/frontend/dashboard/src/locales/ru.json b/frontend/dashboard/src/locales/ru.json
@@ -355,7 +355,7 @@
       "description": "Встраивание оверлея чата в Ваше ПО для проведения прямых трансляций",
       "hideCommands": "Скрывать команды, не отображать сообщения начинающиеся с \"!\"",
       "fontSize": "Размер шрифта",
-      "revertFont": "Сбросить настройки",
+      "resetToDefault": "Сбросить настройки",
       "textShadow": "Тень от текста",
 			"backgroundColor": "Цвет фона"
     },

diff --git a/frontend/dashboard/src/pages/overlays/chat/Chat.vue b/frontend/dashboard/src/pages/overlays/chat/Chat.vue
@@ -101,7 +101,7 @@ const defaultSettings: Settings = {
 	reverseMessages: false,
 	textShadowColor: 'rgba(0,0,0,1)',
 	textShadowSize: 0,
-	chatBackgroundColor: 'rgba(16, 16, 20, 1)',
+	chatBackgroundColor: 'rgba(0, 0, 0, 0)',
 };
 
 const formValue = ref<Settings>(structuredClone(defaultSettings));
@@ -243,7 +243,7 @@ const canCopyLink = computed(() => {
 								@click="formValue.fontFamily = defaultFont"
 							>
 								<IconReload style="height: 15px;" />
-								{{ t('overlays.chat.revertFont') }}
+								{{ t('overlays.chat.resetToDefault') }}
 							</n-button>
 						</div>
 
@@ -282,10 +282,10 @@ const canCopyLink = computed(() => {
 							<span>{{ t('overlays.chat.backgroundColor') }}</span>
 							<n-button
 								size="tiny" secondary type="success"
-								@click="formValue.chatBackgroundColor = 'rgba(16, 16, 20, 1)'"
+								@click="formValue.chatBackgroundColor = defaultSettings.chatBackgroundColor"
 							>
 								<IconReload style="height: 15px;" />
-								{{ t('overlays.chat.revertFont') }}
+								{{ t('overlays.chat.resetToDefault') }}
 							</n-button>
 						</div>
 						<n-color-picker