How to change CentralPanel background color only

[mjehrhart]

I haven't figured this out yet. Any suggestions?

[mjehrhart]

Solution!

   let my_frame = egui::containers::Frame {
              margin: egui::style::Margin { left: 10., right: 10., top: 10., bottom: 10. },
              rounding: egui::Rounding { nw: 1.0, ne: 1.0, sw: 1.0, se: 1.0 },
              shadow: eframe::epaint::Shadow { extrusion: 1.0, color: Color32::YELLOW },
              fill: Color32::LIGHT_BLUE,
              stroke: egui::Stroke::new(2.0, Color32::GOLD),
          };
   egui::CentralPanel::default().frame(my_frame).show(ctx, |ui| {});

[TheMaverickProgrammer]

Update to the accepted answer. margin has been replaced with inner_margin and outer_margin:

let my_frame = egui::containers::Frame {
              inner_margin: egui::style::Margin { left: 10., right: 10., top: 10., bottom: 10. },
              outer_margin: egui::style::Margin { left: 10., right: 10., top: 10., bottom: 10. },
              rounding: egui::Rounding { nw: 1.0, ne: 1.0, sw: 1.0, se: 1.0 },
              shadow: eframe::epaint::Shadow { extrusion: 1.0, color: Color32::YELLOW },
              fill: Color32::LIGHT_BLUE,
              stroke: egui::Stroke::new(2.0, Color32::GOLD),
          };
   egui::CentralPanel::default().frame(my_frame).show(ctx, |ui| {});

[vishalpaudel]

Update to the accepted answer: using egui::epaint::Margin and field changes to shadow

    let my_frame = egui::containers::Frame {
        inner_margin: egui::epaint::Margin { left: 10., right: 10., top: 10., bottom: 10., },
        outer_margin: egui::epaint::Margin { left: 10., right: 10., top: 10., bottom: 10., },
        rounding: egui::Rounding { nw: 1.0, ne: 1.0, sw: 1.0, se: 1.0, },
        shadow: eframe::epaint::Shadow { color: Color32::YELLOW, offset: eframe::egui::Vec2 { x: 0., y: 0. }, blur: 0., spread: 0., },
        fill: Color32::LIGHT_BLUE,
        stroke: egui::Stroke::new(2.0, Color32::GOLD),
    };
    egui::CentralPanel::default().frame(my_frame).show(ctx, |_ui| {});