diff --git a/examples/demo/Cargo.toml b/examples/demo/Cargo.toml
index 8096375..163f2b3 100644
--- a/examples/demo/Cargo.toml
+++ b/examples/demo/Cargo.toml
@@ -11,4 +11,4 @@ publish = false
 bevy_vello = { path = "../../", features = ["experimental-dotLottie"] }
 bevy = { workspace = true }
 bevy_pancam = { version = "0.11", features = ["bevy_egui"] }
-bevy_egui = "0.25"
+bevy_egui = "0.28.0"
diff --git a/examples/demo/src/main.rs b/examples/demo/src/main.rs
index b4bdc88..dd863ec 100644
--- a/examples/demo/src/main.rs
+++ b/examples/demo/src/main.rs
@@ -17,7 +17,7 @@ fn main() {
     .add_plugins(EguiPlugin)
     .add_plugins(VelloPlugin)
     .init_resource::<EmbeddedAssetRegistry>()
-    .add_plugins(bevy_pancam::PanCamPlugin)
+    //.add_plugins(bevy_pancam::PanCamPlugin)
     .add_systems(Startup, setup_vector_graphics)
     .add_systems(Update, (print_metadata, ui::controls_ui));
     embedded_asset!(app, "assets/calendar.json");
@@ -25,7 +25,8 @@ fn main() {
 }
 
 fn setup_vector_graphics(mut commands: Commands, asset_server: ResMut<AssetServer>) {
-    commands.spawn((Camera2dBundle::default(), bevy_pancam::PanCam::default()));
+    commands.spawn(Camera2dBundle::default());
+    //commands.spawn((Camera2dBundle::default(), bevy_pancam::PanCam::default()));
     commands
         .spawn(VelloAssetBundle {
             vector: asset_server.load::<VelloAsset>("embedded://demo/assets/calendar.json"),
@@ -42,7 +43,7 @@ fn setup_vector_graphics(mut commands: Commands, asset_server: ResMut<AssetServe
                             autoplay: false,
                             ..default()
                         })
-                        .theme(Theme::new().add("calendar", css::BLUE.into()))
+                        .theme(Theme::new().add("calendar", css::YELLOW.into()))
                         .transition(PlayerTransition::OnMouseEnter { state: "play" })
                         .reset_playhead_on_start()
                 })
@@ -50,10 +51,10 @@ fn setup_vector_graphics(mut commands: Commands, asset_server: ResMut<AssetServe
                     PlayerState::new("play")
                         .playback_options(PlaybackOptions {
                             looping: PlaybackLoopBehavior::DoNotLoop,
-                            speed: 0.25,
+                            speed: 0.75,
                             ..default()
                         })
-                        .theme(Theme::new().add("calendar", css::GREEN.into()))
+                        .theme(Theme::new().add("calendar", css::LIME.into()))
                         .transition(PlayerTransition::OnMouseLeave { state: "rev" }),
                 )
                 .with_state(
@@ -61,7 +62,7 @@ fn setup_vector_graphics(mut commands: Commands, asset_server: ResMut<AssetServe
                         .playback_options(PlaybackOptions {
                             looping: PlaybackLoopBehavior::DoNotLoop,
                             direction: PlaybackDirection::Reverse,
-                            speed: 0.25,
+                            speed: 0.75,
                             ..default()
                         })
                         .theme(Theme::new().add("calendar", css::RED.into()))
diff --git a/examples/demo/src/ui.rs b/examples/demo/src/ui.rs
index 464cdb3..f7036a8 100644
--- a/examples/demo/src/ui.rs
+++ b/examples/demo/src/ui.rs
@@ -1,6 +1,6 @@
 use bevy::prelude::*;
 use bevy_egui::{
-    egui::{self},
+    egui::{self, Color32},
     EguiContexts,
 };
 use bevy_vello::{prelude::*, vello_svg::usvg::strict_num::Ulps};
@@ -48,6 +48,11 @@ pub fn controls_ui(
                 player.pause();
                 playhead.seek(frame);
             };
+            if player.is_stopped() {
+                ui.colored_label(Color32::RED, "stopped");
+            } else if !player.is_playing() {
+                ui.colored_label(Color32::YELLOW, "paused");
+            }
         });
 
         ui.horizontal_wrapped(|ui| {
@@ -245,21 +250,22 @@ pub fn controls_ui(
         ui.heading("Theme");
         for layer in composition.as_ref().get_layers() {
             let color = theme.get_mut(layer).cloned().unwrap_or_default();
-            let color = color.to_linear();
-            let mut color_edit = [color.red, color.green, color.blue, color.alpha];
+            let color = color.to_srgba().to_u8_array();
+            let mut color32 =
+                Color32::from_rgba_unmultiplied(color[0], color[1], color[2], color[3]);
             ui.horizontal(|ui| {
-                if ui
-                    .color_edit_button_rgba_unmultiplied(&mut color_edit)
-                    .changed()
-                {
-                    let [r, g, b, a] = color_edit;
+                if ui.color_edit_button_srgba(&mut color32).changed() {
+                    let r = color32.r();
+                    let g = color32.g();
+                    let b = color32.b();
+                    let a = color32.a();
                     player
                         .state_mut()
                         .theme
                         .as_mut()
                         .unwrap()
-                        .edit(layer, Color::linear_rgba(r, g, b, a));
-                    theme.edit(layer, Color::linear_rgba(r, g, b, a));
+                        .edit(layer, Color::srgba_u8(r, g, b, a));
+                    theme.edit(layer, Color::srgba_u8(r, g, b, a));
                 };
                 ui.label(layer);
             });