[bugfix/Chore] Fix warning progress bar color that was not applied.

src-ui/app/_index_css/variables.css

@@ -24,8 +24,8 @@
     --error_bc_color: #bb4448;
     --error_bc_active_color: #9c3938;
     --success_bc_color: #368777;
-    --waring_color: #cb944f;
+    --warning_color: #cb944f;
-    --waring_bc_color: #cf7b1b;
+    --warning_bc_color: #cf7b1b;
 
     --dark_basic_text_color: #f2f2f2;
     --dark_100_color: #f5f7fb;

src-ui/app/main_page/sidebar_section/language_settings/translator_selector_open_button/TranslatorSelectorOpenButton.module.scss

@@ -31,5 +31,5 @@
     margin-left: 0.2rem;
     padding-bottom: 0.2rem;
     width: 1.8rem;
-    color: var(--waring_color);
+    color: var(--warning_color);
 }

src-ui/app/modal_controller/update_modal/plugins_compatibility_list/PluginCompatibilityList.module.scss

@@ -54,7 +54,7 @@
 .warning_svg {
     padding-bottom: 0.4rem;
     width: 2.4rem;
-    color: var(--waring_color);
+    color: var(--warning_color);
     flex-shrink: 0;
 }
 

src-ui/app/snackbar_controller/ReactToastifyOverrideClass.scss

@@ -3,7 +3,7 @@
     --toastify-color-dark: var(--dark_950_color);
     --toastify-color-info: var(--sent_400_color);
     --toastify-color-success: var(--primary_400_color);
-    --toastify-color-warning: var(--waring_bc_color);
+    --toastify-color-warning: var(--warning_bc_color);
     --toastify-color-error: var(--error_bc_color);
     --toastify-color-transparent: rgba(255, 255, 255, 0.7);
 
@@ -87,6 +87,9 @@
     gap: 0.6rem;
 }
 
+.Toastify__progress-bar--wrp {
+    height: 0.4rem;
+}
 .Toastify__progress-bar--success {
     background: var(--success_bc_color);
 }

src-ui/app/snackbar_controller/SnackbarController.module.scss

@@ -1,30 +1,22 @@
-/* SnackbarController.module.scss */
-
-/* -------------------------------------------------
-   1) トースト共通のスタイル
---------------------------------------------------*/
 .snackbar_content {
     position: relative;
     padding: 1.2rem 1.6rem;
     border-radius: 0.8rem;
     font-size: 1.4rem;
     box-shadow: 0 0.2rem 0.8rem rgba(0, 0, 0, 0.5);
-    color: #fff; /* ダークテーマ前提で文字を白に */
 }
 
-/* ステータス別に背景色を指定 */
+// .is_success {
-.is_success {
+//     background-color: var(--success_bc_color);
-    background-color: var(--success_bc_color);
+// }
-}
 
-.is_warning {
+// .is_warning {
-    background-color: var(--warning_bc_color);
+//     background-color: var(--warning_bc_color);
-    color: #212529; /* 黄系の背景に合わせて文字を濃く */
+// }
-}
 
-.is_error {
+// .is_error {
-    background-color: var(--error_bc_color);
+//     background-color: var(--error_bc_color);
-}
+// }
 
 
 .megaphone_svg {
@@ -40,7 +32,7 @@
     width: 2rem;
 }
 .warning_svg {
-    color: var(--waring_color);
+    color: var(--warning_color);
     width: 2.4rem;
 }