feat: extend styles for transbox

This commit is contained in:
Gabe Yuan
2024-04-17 15:35:44 +08:00
parent d6f3b23b88
commit efc51b0d46
14 changed files with 51 additions and 80 deletions

View File

@@ -139,6 +139,7 @@ function showTransbox({
contextMenuType,
tranboxSetting = DEFAULT_TRANBOX_SETTING,
transApis,
darkMode,
}) {
if (!tranboxSetting?.transOpen) {
return;
@@ -153,6 +154,8 @@ function showTransbox({
const shadowContainer = $tranbox.attachShadow({ mode: "closed" });
const emotionRoot = document.createElement("style");
const shadowRootElement = document.createElement("div");
shadowRootElement.classList.add(`KT-transbox`);
shadowRootElement.classList.add(`KT-transbox_${darkMode ? "dark" : "light"}`);
shadowContainer.appendChild(emotionRoot);
shadowContainer.appendChild(shadowRootElement);
const cache = createCache({