diff --git a/frontend/src/lang/en.js b/frontend/src/lang/en.js
index 2780d4d..232ffd6 100644
--- a/frontend/src/lang/en.js
+++ b/frontend/src/lang/en.js
@@ -116,6 +116,7 @@ export default {
backgrounds: 'Backgrounds',
bgColor: 'Background color',
useBarsInsteadOfBg: 'Use bars instead of backgrounds',
+ showLargeEmoticonBg: 'Show large emoticon background',
messageBgColor: 'Message background color',
ownerMessageBgColor: 'Owner background color',
moderatorMessageBgColor: 'Moderator background color',
diff --git a/frontend/src/lang/ja.js b/frontend/src/lang/ja.js
index a1523e6..6548c3e 100644
--- a/frontend/src/lang/ja.js
+++ b/frontend/src/lang/ja.js
@@ -116,6 +116,7 @@ export default {
backgrounds: '背景',
bgColor: '背景色',
useBarsInsteadOfBg: '背景に代わります',
+ showLargeEmoticonBg: '大きなスタンプの背景を表示する',
messageBgColor: 'コメント背景色',
ownerMessageBgColor: 'オーナーコメント背景色',
moderatorMessageBgColor: '管理者コメント背景色',
diff --git a/frontend/src/lang/zh.js b/frontend/src/lang/zh.js
index 4d6c608..231a298 100644
--- a/frontend/src/lang/zh.js
+++ b/frontend/src/lang/zh.js
@@ -116,6 +116,7 @@ export default {
backgrounds: '背景',
bgColor: '背景色',
useBarsInsteadOfBg: '用条代替消息背景',
+ showLargeEmoticonBg: '显示大表情背景',
messageBgColor: '消息背景色',
ownerMessageBgColor: '主播消息背景色',
moderatorMessageBgColor: '房管消息背景色',
diff --git a/frontend/src/views/StyleGenerator/LineLike.vue b/frontend/src/views/StyleGenerator/LineLike.vue
index 7f4a049..9e768d4 100644
--- a/frontend/src/views/StyleGenerator/LineLike.vue
+++ b/frontend/src/views/StyleGenerator/LineLike.vue
@@ -155,6 +155,11 @@
+
+
+
+
+
@@ -346,6 +351,7 @@ export const DEFAULT_CONFIG = {
ownerMessageBgColor: 'rgba(231, 199, 30, 1)',
moderatorMessageBgColor: 'rgba(41, 95, 251, 1)',
memberMessageBgColor: 'rgba(43, 234, 43, 1)',
+ showLargeEmoticonBg: true,
firstLineFont: 'Noto Sans SC',
firstLineFontSize: 20,
@@ -475,6 +481,10 @@ yt-live-chat-text-message-renderer #message {
border-radius: 24px;
}
+yt-live-chat-text-message-renderer #message:has(.emoji.blc-large-emoji) {
+ ${this.form.showLargeEmoticonBg ? '' : 'padding: 0;'}
+}
+
yt-live-chat-text-message-renderer #message .emoji {
width: auto !important;
height: ${this.form.emoticonSize}px !important;
@@ -494,6 +504,10 @@ yt-live-chat-text-message-renderer #message::before {
border: 8px solid transparent;
border-right: 18px solid;
transform: rotate(35deg);
+}
+
+yt-live-chat-text-message-renderer #message:has(.emoji.blc-large-emoji)::before {
+ ${this.form.showLargeEmoticonBg ? '' : 'content: none;'}
}`
},
timeStyle() {
@@ -512,7 +526,11 @@ ${this.getBgStyleForAuthorType('owner', this.form.ownerMessageBgColor)}
${this.getBgStyleForAuthorType('moderator', this.form.moderatorMessageBgColor)}
-${this.getBgStyleForAuthorType('member', this.form.memberMessageBgColor)}`
+${this.getBgStyleForAuthorType('member', this.form.memberMessageBgColor)}
+
+yt-live-chat-text-message-renderer #message:has(.emoji.blc-large-emoji) {
+ ${this.form.showLargeEmoticonBg ? '' : 'background-color: transparent !important;'}
+}`
},
scAndNewMemberStyle() {
return `/* SuperChat/Fan Funding Messages */