From 46f291275b4d0a94fed931ca4cdec08835e80665 Mon Sep 17 00:00:00 2001
From: sienori <iilll7d6f@yahoo.co.jp>
Date: Tue, 30 Aug 2022 22:21:12 +0900
Subject: [PATCH] Change theme class name to complex on web pages

---
 src/content/index.js                       | 2 +-
 src/content/styles/TranslateContainer.scss | 8 ++++----
 2 files changed, 5 insertions(+), 5 deletions(-)

diff --git a/src/content/index.js b/src/content/index.js
index 54646cf..6af79f0 100644
--- a/src/content/index.js
+++ b/src/content/index.js
@@ -216,7 +216,7 @@ const showTranslateContainer = (
   if (element) return;
   if (!isEnabled) return;
 
-  const themeClass = getSettings("theme") + "-theme";
+  const themeClass = "simple-translate-" + getSettings("theme") + "-theme";
 
   document.body.insertAdjacentHTML("beforeend", `<div id="simple-translate" class="${themeClass}"></div>`);
   ReactDOM.render(
diff --git a/src/content/styles/TranslateContainer.scss b/src/content/styles/TranslateContainer.scss
index 4e6dcf0..f9b8cc6 100644
--- a/src/content/styles/TranslateContainer.scss
+++ b/src/content/styles/TranslateContainer.scss
@@ -10,20 +10,20 @@
   --simple-translate-highlight: #5595ff;
 }
 
-.light-theme {
+.simple-translate-light-theme {
   --simple-translate-main-text: #0c0c0d;
   --simple-translate-sub-text: #737373;
   --simple-translate-main-bg: #ffffff;
 }
 
-.dark-theme {
+.simple-translate-dark-theme {
   --simple-translate-main-text: #e6e6e6;
   --simple-translate-sub-text: #aaaaaa;
   --simple-translate-main-bg: #181818;
 }
 
 // copy of .light-theme
-.system-theme {
+.simple-translate-system-theme {
   --simple-translate-main-text: #000000;
   --simple-translate-sub-text: #737373;
   --simple-translate-main-bg: #ffffff;
@@ -31,7 +31,7 @@
 
 @media (prefers-color-scheme: dark) {
   // copy of .dark-theme
-  .system-theme {
+  .simple-translate-system-theme {
     --simple-translate-main-text: #e6e6e6;
     --simple-translate-sub-text: #aaaaaa;
     --simple-translate-main-bg: #181818;