diff --git a/src/ui/defines.rs b/src/ui/defines.rs
index d4cd5d0..2168f7b 100644
--- a/src/ui/defines.rs
+++ b/src/ui/defines.rs
@@ -2,9 +2,9 @@ pub mod ui_colors {
     use egui::Color32;
 
     pub const TEXT_COLOR: Color32 = Color32::from_rgb(255, 212, 163);
+    pub const EXTRA_BACKGROUND_COLOR: Color32 = Color32::from_rgb(10, 30, 60);
     pub const BACKGROUND_COLOR: Color32 = Color32::from_rgb(13, 43, 69);
     pub const BG_STROKE_COLOR: Color32 = Color32::from_rgb(32, 60, 86);
-    // pub const WHITE:Color32 = Color32::from_rgb(255, 236, 214);
     pub const LIGHT_ORANGE: Color32 = Color32::from_rgb(255, 212, 163);
     pub const ORANGE: Color32 = Color32::from_rgb(255, 170, 94);
     pub const PURLPLE: Color32 = Color32::from_rgb(84, 78, 104);
diff --git a/src/ui/uiapp.rs b/src/ui/uiapp.rs
index 122f633..28ec6af 100644
--- a/src/ui/uiapp.rs
+++ b/src/ui/uiapp.rs
@@ -7,7 +7,7 @@ use tokio::{runtime::Runtime, sync::watch::{Receiver, self}};
 
 use crate::{settings::Settings, sync::{download_images, self, SyncProgress}};
 
-use super::{ui_images::{get_import_image, get_logo, get_logo_icon}, ui_colors::{TEXT_COLOR, BACKGROUND_COLOR, BG_STROKE_COLOR,  ORANGE, PURLPLE, LIGHT_ORANGE}};
+use super::{ui_images::{get_import_image, get_logo, get_logo_icon}, ui_colors::{TEXT_COLOR, BACKGROUND_COLOR, BG_STROKE_COLOR,  ORANGE, PURLPLE, LIGHT_ORANGE, EXTRA_BACKGROUND_COLOR}};
 
 
 #[derive(Default)]
@@ -173,7 +173,7 @@ fn create_style(style: &mut egui::Style) {
         sw:0.0
     };
     style.visuals.faint_bg_color = PURLPLE;
-    style.visuals.extreme_bg_color = BACKGROUND_COLOR;
+    style.visuals.extreme_bg_color = EXTRA_BACKGROUND_COLOR;
     style.visuals.widgets.active.bg_fill = BACKGROUND_COLOR;
     style.visuals.widgets.active.bg_stroke = Stroke::new(2.0,BG_STROKE_COLOR);
     style.visuals.widgets.active.fg_stroke = Stroke::new(2.0,LIGHT_ORANGE);