diff --git a/.github/workflows/checks.yml b/.github/workflows/checks.yml
index 5eb444c..2519bcb 100644
--- a/.github/workflows/checks.yml
+++ b/.github/workflows/checks.yml
@@ -2,7 +2,7 @@ name: Checks
 
 on:
   push:
-    branches: ["main"]
+    branches: [ "main" ]
   pull_request:
 
 env:
@@ -35,5 +35,7 @@ jobs:
         run: sudo apt-get install libasound2-dev libudev-dev pkg-config
       - name: Lint
         run: cargo clippy -- -Dwarnings
+      - name: Build (examples)
+        run: cargo build --examples
       - name: Check format
         run: cargo fmt --all -- --check
diff --git a/Cargo.toml b/Cargo.toml
index 4950132..4228de4 100644
--- a/Cargo.toml
+++ b/Cargo.toml
@@ -5,7 +5,7 @@ version = "3.2.1"
 edition = "2021"
 license = "MIT OR Apache-2.0"
 readme = "README.md"
-keywords = ["bevy", "gamedev", "healthbar", "billboard" ]
+keywords = ["bevy", "gamedev", "healthbar", "billboard"]
 categories = ["game-development", "rendering"]
 repository = "https://github.com/sparten11740/bevy_health_bar3d.git"
 homepage = "https://github.com/sparten11740/bevy_health_bar3d"
@@ -13,10 +13,10 @@ authors = ["Jan Wendland"]
 include = ["/src", "CHANGELOG.md", "/assets", "LICENSE-APACHE", "LICENSE-MIT"]
 
 [dependencies]
-bevy = { version = "0.13.1", default-features = false, features = ["bevy_pbr", "bevy_render"] }
+bevy = { version = "0.14.0", default-features = false, features = ["bevy_pbr", "bevy_render"] }
 ordered-float = "3.9.2"
 
 [dev-dependencies]
-bevy  = "0.13.1"
-bevy-inspector-egui = "0.23.4"
-bevy_tweening = "0.10.0"
+bevy = "0.14.0"
+bevy-inspector-egui = "0.25.0"
+bevy_tweening = { git = "https://github.com/BraymatterOrg/bevy_tweening_0_14", rev = "1e46e67938ef21cfd3b80a9bd7f9e3de1edd425c" }
diff --git a/README.md b/README.md
index 9a1c4cf..e811396 100644
--- a/README.md
+++ b/README.md
@@ -14,7 +14,8 @@ or layered cameras out of the box.
 
 | Bevy Version | Crate Version |
 |--------------|--------------:|
-| `0.13`       |    >= `3.2.0` |
+| `0.14`       |    >= `3.3.0` |
+| `0.13`       |       `3.2.0` |
 | `0.12`       |       `2.0.0` |
 | `0.11`       |       `1.2.0` |
 | `0.10`       |       `1.1.0` |
diff --git a/assets/shaders/bar.wgsl b/assets/shaders/bar.wgsl
index 80f3fd7..a7ffeb8 100644
--- a/assets/shaders/bar.wgsl
+++ b/assets/shaders/bar.wgsl
@@ -1,6 +1,6 @@
 #import bevy_pbr::{
     mesh_view_bindings::view,
-    mesh_functions::get_model_matrix
+    mesh_functions::get_world_from_local
 }
 
 @group(2) @binding(0)
@@ -35,12 +35,12 @@ struct VertexOutput {
 fn vertex(vertex: Vertex) -> VertexOutput {
     var out: VertexOutput;
 
-    let view_proj = view.view_proj;
-    let camera_right = normalize(vec3<f32>(view_proj.x.x, view_proj.y.x, view_proj.z.x));
-    let camera_up = normalize(vec3<f32>(view_proj.x.y, view_proj.y.y, view_proj.z.y));
+    let clip_from_world = view.clip_from_world;
+    let camera_right = normalize(vec3<f32>(clip_from_world.x.x, clip_from_world.y.x, clip_from_world.z.x));
+    let camera_up = normalize(vec3<f32>(clip_from_world.x.y, clip_from_world.y.y, clip_from_world.z.y));
 
     let world_space = camera_right * (vertex.position.x + offset.x) + camera_up * (vertex.position.y + offset.y);
-    let position = view.view_proj * get_model_matrix(vertex.instance_index) * vec4<f32>(world_space, 1.);
+    let position = view.clip_from_world * get_world_from_local(vertex.instance_index) * vec4<f32>(world_space, 1.);
 
     out.uv = vertex.uv;
     out.clip_position = position;
diff --git a/examples/border.rs b/examples/border.rs
index 0641543..c386f94 100644
--- a/examples/border.rs
+++ b/examples/border.rs
@@ -1,3 +1,4 @@
+use bevy::color::palettes::css::PURPLE;
 use bevy::prelude::*;
 use bevy_inspector_egui::quick::WorldInspectorPlugin;
 
@@ -36,7 +37,7 @@ fn setup(
     // Ground
     commands.spawn(PbrBundle {
         mesh: meshes.add(Plane3d::default().mesh().size(5.0, 5.0)),
-        material: materials.add(Color::rgb(0.3, 0.5, 0.3)),
+        material: materials.add(Color::srgba(0.3, 0.5, 0.3, 1.)),
         ..Default::default()
     });
 
@@ -52,7 +53,7 @@ fn setup(
         commands.spawn((
             PbrBundle {
                 mesh: meshes.add(Sphere { radius }),
-                material: materials.add(Color::rgb(1., 0.2, 0.2)),
+                material: materials.add(Color::srgba(1., 0.2, 0.2, 1.)),
                 transform: Transform::from_xyz(2. * radius, 0.4 + i as f32 / 2., 0.0),
                 ..Default::default()
             },
@@ -65,7 +66,7 @@ fn setup(
                 width: bar_width,
                 height: BarHeight::Static(bar_height),
                 // here is where the border is defined
-                border: BarBorder::new(bar_height / 4.).color(Color::PURPLE),
+                border: BarBorder::new(bar_height / 4.).color(PURPLE.into()),
                 ..default()
             },
         ));
diff --git a/examples/custom_background.rs b/examples/custom_background.rs
index 91eae3a..1a89c14 100644
--- a/examples/custom_background.rs
+++ b/examples/custom_background.rs
@@ -1,3 +1,4 @@
+use bevy::color::palettes::basic::RED;
 use bevy::prelude::*;
 use bevy_inspector_egui::quick::WorldInspectorPlugin;
 
@@ -23,7 +24,7 @@ fn main() {
             WorldInspectorPlugin::new(),
             HealthBarPlugin::<Health>::default(),
         ))
-        .insert_resource(ColorScheme::<Health>::new().background_color(Color::RED))
+        .insert_resource(ColorScheme::<Health>::new().background_color(RED.into()))
         .add_systems(Startup, setup)
         .insert_resource(Msaa::Sample4)
         .run();
@@ -36,7 +37,7 @@ fn setup(
 ) {
     commands.spawn(PbrBundle {
         mesh: meshes.add(Plane3d::default().mesh().size(5.0, 5.0)),
-        material: materials.add(Color::rgb(0.3, 0.5, 0.3)),
+        material: materials.add(Color::srgba(0.3, 0.5, 0.3, 1.)),
         ..Default::default()
     });
 
@@ -45,7 +46,7 @@ fn setup(
     commands.spawn((
         PbrBundle {
             mesh: meshes.add(Sphere { radius }),
-            material: materials.add(Color::rgb(1., 0.2, 0.2)),
+            material: materials.add(Color::srgba(1., 0.2, 0.2, 1.)),
             transform: Transform::from_xyz(0.0, 1., 0.0),
             ..Default::default()
         },
diff --git a/examples/custom_foreground.rs b/examples/custom_foreground.rs
index 5a38dff..478d84d 100644
--- a/examples/custom_foreground.rs
+++ b/examples/custom_foreground.rs
@@ -1,3 +1,5 @@
+use bevy::color::palettes::basic::*;
+use bevy::color::palettes::css::*;
 use bevy::prelude::*;
 use bevy_inspector_egui::quick::WorldInspectorPlugin;
 
@@ -37,13 +39,13 @@ fn main() {
             HealthBarPlugin::<Health>::default(),
         ))
         .insert_resource(
-            ColorScheme::<Mana>::new().foreground_color(ForegroundColor::Static(Color::BLUE)),
+            ColorScheme::<Mana>::new().foreground_color(ForegroundColor::Static(BLUE.into())),
         )
         .insert_resource(ColorScheme::<Health>::new().foreground_color(
             ForegroundColor::TriSpectrum {
-                high: Color::LIME_GREEN,
-                moderate: Color::ORANGE_RED,
-                low: Color::PURPLE,
+                high: LIMEGREEN.into(),
+                moderate: ORANGE_RED.into(),
+                low: PURPLE.into(),
             },
         ))
         .add_systems(Startup, setup)
@@ -63,7 +65,7 @@ fn setup(
         commands.spawn((
             PbrBundle {
                 mesh: meshes.add(Sphere { radius }),
-                material: materials.add(Color::rgb(1., 0.2, 0.2)),
+                material: materials.add(Color::srgba(1., 0.2, 0.2, 1.)),
                 transform: Transform::from_xyz(-2. * radius, 0.4 + i as f32 / 2., 0.0),
                 ..Default::default()
             },
@@ -81,7 +83,7 @@ fn setup(
         commands.spawn((
             PbrBundle {
                 mesh: meshes.add(Sphere { radius }),
-                material: materials.add(Color::rgb(1., 0.2, 0.2)),
+                material: materials.add(Color::srgba(1., 0.2, 0.2, 1.)),
                 transform: Transform::from_xyz(2. * radius, 0.4 + i as f32 / 2., 0.0),
                 ..Default::default()
             },
diff --git a/examples/default.rs b/examples/default.rs
index 56eaddc..044e3bc 100644
--- a/examples/default.rs
+++ b/examples/default.rs
@@ -37,7 +37,7 @@ fn setup(
 ) {
     commands.spawn(PbrBundle {
         mesh: meshes.add(Plane3d::default().mesh().size(5.0, 5.0)),
-        material: materials.add(Color::rgb(0.3, 0.5, 0.3)),
+        material: materials.add(Color::srgba(0.3, 0.5, 0.3, 1.)),
         ..Default::default()
     });
 
@@ -46,7 +46,7 @@ fn setup(
     commands.spawn((
         PbrBundle {
             mesh: meshes.add(Sphere { radius }),
-            material: materials.add(Color::rgb(1., 0.2, 0.2)),
+            material: materials.add(Color::srgba(1., 0.2, 0.2, 1.)),
             transform: Transform::from_xyz(0.0, 1., 0.0),
             ..Default::default()
         },
@@ -64,7 +64,7 @@ fn setup(
     commands.spawn((
         PbrBundle {
             mesh: meshes.add(Sphere { radius }),
-            material: materials.add(Color::rgb(1., 0.2, 0.2)),
+            material: materials.add(Color::srgba(1., 0.2, 0.2, 1.)),
             transform: Transform::from_xyz(0.0 + 3. * radius, 0.5, 0.0),
             ..Default::default()
         },
diff --git a/examples/dinosaurs.rs b/examples/dinosaurs.rs
index 444a609..5c83854 100644
--- a/examples/dinosaurs.rs
+++ b/examples/dinosaurs.rs
@@ -1,12 +1,13 @@
 //! Example with multiple tracked components, moving meshes, changing component values, and a moving camera.
 
-use std::f32::consts::PI;
-use std::time::Duration;
-
+use bevy::animation::RepeatAnimation;
+use bevy::color::palettes::css::*;
 use bevy::pbr::*;
 use bevy::prelude::*;
 use bevy_tweening::lens::{TransformPositionLens, TransformRotationLens};
 use bevy_tweening::{Animator, EaseFunction, Tracks, Tween, TweeningPlugin};
+use std::f32::consts::PI;
+use std::time::Duration;
 
 use bevy_health_bar3d::prelude::{
     BarHeight, BarSettings, ColorScheme, ForegroundColor, HealthBarPlugin, Percentage,
@@ -56,60 +57,47 @@ fn main() {
             TweeningPlugin,
         ))
         .insert_resource(
-            ColorScheme::<Distance>::new().foreground_color(ForegroundColor::Static(Color::BISQUE)),
+            ColorScheme::<Distance>::new().foreground_color(ForegroundColor::Static(BISQUE.into())),
         )
         .insert_resource(
             ColorScheme::<Health>::new()
-                .foreground_color(ForegroundColor::Static(Color::GREEN))
-                .background_color(Color::RED),
+                .foreground_color(ForegroundColor::Static(GREEN.into()))
+                .background_color(RED.into()),
         )
         .insert_resource(Msaa::Sample4)
-        .add_systems(Startup, setup)
+        .add_systems(Startup, (setup, setup_animations))
         .add_systems(
             Update,
-            (
-                move_camera,
-                link_animations,
-                setup_idle_animation,
-                setup_walking_animation,
-                move_trex,
-                kill_trex,
-            ),
+            (start_animations, move_camera, move_trex, kill_trex),
         )
         .run();
 }
 
 #[derive(Resource)]
 struct Animations {
-    walk: Handle<AnimationClip>,
-    idle: Handle<AnimationClip>,
-    die: Handle<AnimationClip>,
+    animations: Vec<AnimationNodeIndex>,
+    graph: Handle<AnimationGraph>,
 }
 
 const TREX_GLTF: &str = "../examples/assets/models/trex.gltf";
 
+fn gltf_path(id: &str) -> String {
+    format!("{TREX_GLTF}#{id}")
+}
+
 fn setup(
     mut commands: Commands,
     mut meshes: ResMut<Assets<Mesh>>,
     mut materials: ResMut<Assets<StandardMaterial>>,
     asset_server: Res<AssetServer>,
 ) {
-    let gltf_path = |id: &str| format!("{TREX_GLTF}#{id}");
-
     // Ground
     commands.spawn(PbrBundle {
         mesh: meshes.add(Plane3d::default().mesh().size(1000.0, 1000.0)),
-        material: materials.add(Color::rgb(0.3, 0.5, 0.3)),
+        material: materials.add(Color::srgba(0.3, 0.5, 0.3, 1.)),
         ..Default::default()
     });
 
-    // Animations
-    commands.insert_resource(Animations {
-        walk: asset_server.load(gltf_path("Animation5")),
-        idle: asset_server.load(gltf_path("Animation2")),
-        die: asset_server.load(gltf_path("Animation1")),
-    });
-
     let scene = asset_server.load(gltf_path("Scene0"));
 
     // T-Rex 1
@@ -174,7 +162,7 @@ fn setup(
             ..Default::default()
         },
         FogSettings {
-            color: Color::rgba(1., 1., 1., 1.),
+            color: Color::srgba(1., 1., 1., 1.),
             falloff: FogFalloff::Linear {
                 start: 200.,
                 end: 400.,
@@ -184,40 +172,41 @@ fn setup(
     ));
 }
 
-fn setup_walking_animation(
-    animations: Res<Animations>,
-    dinos: Query<&WithAnimationPlayer, (With<Distance>, Added<WithAnimationPlayer>)>,
-    mut players: Query<&mut AnimationPlayer>,
+fn setup_animations(
+    asset_server: Res<AssetServer>,
+    mut commands: Commands,
+    mut graphs: ResMut<Assets<AnimationGraph>>,
 ) {
-    for &WithAnimationPlayer(entity) in dinos.iter() {
-        players
-            .get_mut(entity)
-            .unwrap()
-            .play(animations.walk.clone())
-            .repeat();
-    }
-}
+    let walk_animation = asset_server.load(gltf_path("Animation5"));
+    let idle_animation = asset_server.load(gltf_path("Animation2"));
+    let die_animation = asset_server.load(gltf_path("Animation1"));
+
+    let mut graph = AnimationGraph::new();
+    let animations = graph
+        .add_clips(
+            [
+                idle_animation.clone(),
+                walk_animation.clone(),
+                die_animation.clone(),
+            ],
+            1.0,
+            graph.root,
+        )
+        .collect();
 
-fn setup_idle_animation(
-    animations: Res<Animations>,
-    dinos: Query<&WithAnimationPlayer, (Without<Distance>, Added<WithAnimationPlayer>)>,
-    mut players: Query<&mut AnimationPlayer>,
-) {
-    for &WithAnimationPlayer(entity) in dinos.iter() {
-        players
-            .get_mut(entity)
-            .unwrap()
-            .play(animations.idle.clone())
-            .repeat();
-    }
+    let graph = graphs.add(graph);
+    commands.insert_resource(Animations {
+        animations,
+        graph: graph.clone(),
+    });
 }
 
 fn kill_trex(
     animations: Res<Animations>,
+    time: Res<Time>,
     mut commands: Commands,
     mut query: Query<(&mut Health, &WithAnimationPlayer, Entity), Without<Distance>>,
-    mut players: Query<&mut AnimationPlayer>,
-    time: Res<Time>,
+    mut players: Query<(&mut AnimationPlayer, &mut AnimationTransitions)>,
 ) {
     query
         .iter_mut()
@@ -228,19 +217,27 @@ fn kill_trex(
 
             if health.current <= 0.01 {
                 commands.entity(entity).remove::<Health>();
-                players
+
+                let (mut player, mut transitions) = players
                     .get_mut(with_animation_player.0)
-                    .unwrap()
-                    .play_with_transition(animations.die.clone(), Duration::from_millis(120));
+                    .expect("Animation player not found");
+
+                transitions
+                    .play(
+                        &mut player,
+                        animations.animations[2],
+                        Duration::from_millis(120),
+                    )
+                    .set_repeat(RepeatAnimation::Never);
             }
         })
 }
 
 fn move_trex(
     animations: Res<Animations>,
-    mut players: Query<&mut AnimationPlayer>,
-    mut query: Query<(&mut Transform, &mut Distance, &WithAnimationPlayer)>,
     time: Res<Time>,
+    mut players: Query<(&mut AnimationPlayer, &mut AnimationTransitions)>,
+    mut query: Query<(&mut Transform, &mut Distance, &WithAnimationPlayer)>,
 ) {
     query
         .iter_mut()
@@ -250,11 +247,19 @@ fn move_trex(
             transform.translation.z += delta_z;
             distance.current -= delta_z;
 
-            if distance.current <= 1. {
-                players
+            if distance.current <= 0. {
+                let (mut player, mut transitions) = players
                     .get_mut(with_animation_player.0)
-                    .unwrap()
-                    .play_with_transition(animations.idle.clone(), Duration::from_millis(120))
+                    .expect("Animation player not found");
+
+                player.stop(animations.animations[1]);
+
+                transitions
+                    .play(
+                        &mut player,
+                        animations.animations[0],
+                        Duration::from_millis(120),
+                    )
                     .repeat();
             }
         })
@@ -310,13 +315,16 @@ fn get_root(mut entity: Entity, parent_query: &Query<&Parent>) -> Entity {
     entity
 }
 
-pub fn link_animations(
-    player_query: Query<Entity, Added<AnimationPlayer>>,
+#[allow(clippy::type_complexity)]
+fn start_animations(
     parent_query: Query<&Parent>,
+    distance_query: Query<&Distance>,
     animations_entity_link_query: Query<&WithAnimationPlayer>,
+    animations: Res<Animations>,
     mut commands: Commands,
+    mut player_query: Query<(Entity, &mut AnimationPlayer), Added<AnimationPlayer>>,
 ) {
-    for entity in player_query.iter() {
+    for (entity, mut player) in player_query.iter_mut() {
         let root = get_root(entity, &parent_query);
         if animations_entity_link_query.get(root).is_ok() {
             warn!("Problem with multiple animationsplayers for the same top parent");
@@ -324,5 +332,17 @@ pub fn link_animations(
         }
 
         commands.entity(root).insert(WithAnimationPlayer(entity));
+
+        let index = if distance_query.contains(root) { 1 } else { 0 };
+        let mut transitions = AnimationTransitions::new();
+
+        transitions
+            .play(&mut player, animations.animations[index], Duration::ZERO)
+            .repeat();
+
+        commands
+            .entity(entity)
+            .insert(animations.graph.clone())
+            .insert(transitions);
     }
 }
diff --git a/examples/dual_bar.rs b/examples/dual_bar.rs
index 55668ed..6d7521e 100644
--- a/examples/dual_bar.rs
+++ b/examples/dual_bar.rs
@@ -1,3 +1,4 @@
+use bevy::color::palettes::basic::BLUE;
 use bevy::prelude::*;
 use bevy_inspector_egui::quick::WorldInspectorPlugin;
 
@@ -41,7 +42,7 @@ fn main() {
             HealthBarPlugin::<Health>::default(),
         ))
         .insert_resource(
-            ColorScheme::<Mana>::new().foreground_color(ForegroundColor::Static(Color::BLUE)),
+            ColorScheme::<Mana>::new().foreground_color(ForegroundColor::Static(BLUE.into())),
         )
         .add_systems(Startup, setup)
         .insert_resource(Msaa::Sample4)
@@ -64,7 +65,7 @@ fn setup(
         commands.spawn((
             PbrBundle {
                 mesh: meshes.add(Sphere { radius }),
-                material: materials.add(Color::rgb(1., 0.2, 0.2)),
+                material: materials.add(Color::srgba(1., 0.2, 0.2, 1.)),
                 transform: Transform::from_xyz(2. * radius, 0.4 + i as f32 / 2., 0.0),
                 ..Default::default()
             },
diff --git a/examples/dynamic.rs b/examples/dynamic.rs
index 5c15056..1aea010 100644
--- a/examples/dynamic.rs
+++ b/examples/dynamic.rs
@@ -39,7 +39,7 @@ fn setup(
     commands.spawn((
         PbrBundle {
             mesh: meshes.add(Sphere { radius }),
-            material: materials.add(Color::rgb(1., 0.2, 0.2)),
+            material: materials.add(Color::srgba(1., 0.2, 0.2, 1.)),
             transform: Transform::from_xyz(0., 1., 0.0),
             ..Default::default()
         },
diff --git a/examples/multi_camera.rs b/examples/multi_camera.rs
index 4e17fc4..35fddcc 100644
--- a/examples/multi_camera.rs
+++ b/examples/multi_camera.rs
@@ -36,7 +36,7 @@ fn setup(
 ) {
     commands.spawn(PbrBundle {
         mesh: meshes.add(Plane3d::default().mesh().size(5.0, 5.0)),
-        material: materials.add(Color::rgb(0.3, 0.5, 0.3)),
+        material: materials.add(Color::srgba(0.3, 0.5, 0.3, 1.)),
         ..Default::default()
     });
 
@@ -45,7 +45,7 @@ fn setup(
     commands.spawn((
         PbrBundle {
             mesh: meshes.add(Sphere { radius }),
-            material: materials.add(Color::rgb(1., 0.2, 0.2)),
+            material: materials.add(Color::srgba(1., 0.2, 0.2, 1.)),
             transform: Transform::from_xyz(0.0, 1., 0.0),
             ..Default::default()
         },
@@ -63,7 +63,7 @@ fn setup(
     commands.spawn((
         PbrBundle {
             mesh: meshes.add(Sphere { radius }),
-            material: materials.add(Color::rgb(1., 0.2, 0.2)),
+            material: materials.add(Color::srgba(1., 0.2, 0.2, 1.)),
             transform: Transform::from_xyz(0.0 + 3. * radius, 0.5, 0.0),
             ..Default::default()
         },
diff --git a/examples/rotation.rs b/examples/rotation.rs
index cad198a..bb78698 100644
--- a/examples/rotation.rs
+++ b/examples/rotation.rs
@@ -53,7 +53,7 @@ fn setup(
     // Ground
     commands.spawn(PbrBundle {
         mesh: meshes.add(Plane3d::default().mesh().size(5.0, 5.0)),
-        material: materials.add(Color::rgb(0.3, 0.5, 0.3)),
+        material: materials.add(Color::srgba(0.3, 0.5, 0.3, 1.)),
         ..default()
     });
 
diff --git a/examples/vertical.rs b/examples/vertical.rs
index 3c9de28..11eeb6e 100644
--- a/examples/vertical.rs
+++ b/examples/vertical.rs
@@ -36,7 +36,7 @@ fn setup(
     // Ground
     commands.spawn(PbrBundle {
         mesh: meshes.add(Plane3d::default().mesh().size(5.0, 5.0)),
-        material: materials.add(Color::rgb(0.3, 0.5, 0.3)),
+        material: materials.add(Color::srgba(0.3, 0.5, 0.3, 1.)),
         ..Default::default()
     });
 
@@ -46,7 +46,7 @@ fn setup(
     commands.spawn((
         PbrBundle {
             mesh: meshes.add(Sphere { radius }),
-            material: materials.add(Color::rgb(1., 0.2, 0.2)),
+            material: materials.add(Color::srgba(1., 0.2, 0.2, 1.)),
             transform: Transform::from_xyz(0., 1., 0.0),
             ..Default::default()
         },
diff --git a/src/constants.rs b/src/constants.rs
index 6533575..7991995 100644
--- a/src/constants.rs
+++ b/src/constants.rs
@@ -1,10 +1,10 @@
 use bevy::prelude::*;
 
-pub const DEFAULT_BACKGROUND_COLOR: Color = Color::rgba(0., 0., 0., 0.75);
-pub const DEFAULT_BORDER_COLOR: Color = Color::rgba(0.02, 0.02, 0.02, 0.95);
-pub const DEFAULT_HIGH_COLOR: Color = Color::rgba(0., 1., 0., 0.95);
-pub const DEFAULT_MODERATE_COLOR: Color = Color::rgba(1., 1., 0., 0.95);
-pub const DEFAULT_LOW_COLOR: Color = Color::rgba(1., 0., 0., 0.95);
+pub const DEFAULT_BACKGROUND_COLOR: Color = Color::srgba(0., 0., 0., 0.75);
+pub const DEFAULT_BORDER_COLOR: Color = Color::srgba(0.02, 0.02, 0.02, 0.95);
+pub const DEFAULT_HIGH_COLOR: Color = Color::srgba(0., 1., 0., 0.95);
+pub const DEFAULT_MODERATE_COLOR: Color = Color::srgba(1., 1., 0., 0.95);
+pub const DEFAULT_LOW_COLOR: Color = Color::srgba(1., 0., 0., 0.95);
 
 pub const DEFAULT_WIDTH: f32 = 1.2;
 pub const DEFAULT_RELATIVE_HEIGHT: f32 = 0.1666;
diff --git a/src/material.rs b/src/material.rs
index 89419cc..9654ec1 100644
--- a/src/material.rs
+++ b/src/material.rs
@@ -1,6 +1,6 @@
 use bevy::pbr::{MaterialPipeline, MaterialPipelineKey};
 use bevy::prelude::*;
-use bevy::render::mesh::MeshVertexBufferLayout;
+use bevy::render::mesh::*;
 use bevy::render::render_resource::{
     AsBindGroup, RenderPipelineDescriptor, ShaderRef, SpecializedMeshPipelineError,
 };
@@ -14,17 +14,17 @@ pub(crate) struct BarMaterial {
     pub value_and_dimensions: Vec4,
     // (value, width, height, border_width) vec4 to be 16byte aligned
     #[uniform(1)]
-    pub background_color: Color,
+    pub background_color: LinearRgba,
     #[uniform(2)]
-    pub high_color: Color,
+    pub high_color: LinearRgba,
     #[uniform(3)]
-    pub moderate_color: Color,
+    pub moderate_color: LinearRgba,
     #[uniform(4)]
-    pub low_color: Color,
+    pub low_color: LinearRgba,
     #[uniform(5)]
     pub offset: Vec4,
     #[uniform(6)]
-    pub border_color: Color,
+    pub border_color: LinearRgba,
     pub vertical: bool,
 }
 
@@ -59,10 +59,10 @@ impl Material for BarMaterial {
     fn specialize(
         _pipeline: &MaterialPipeline<Self>,
         descriptor: &mut RenderPipelineDescriptor,
-        layout: &MeshVertexBufferLayout,
+        layout: &MeshVertexBufferLayoutRef,
         key: MaterialPipelineKey<Self>,
     ) -> Result<(), SpecializedMeshPipelineError> {
-        let vertex_layout = layout.get_layout(&[
+        let vertex_layout = layout.0.get_layout(&[
             Mesh::ATTRIBUTE_POSITION.at_shader_location(0),
             Mesh::ATTRIBUTE_UV_0.at_shader_location(1),
         ])?;
diff --git a/src/plugin.rs b/src/plugin.rs
index fe9ec28..5ec5722 100644
--- a/src/plugin.rs
+++ b/src/plugin.rs
@@ -87,13 +87,13 @@ fn spawn<T: Percentage + Component + TypePath>(
 
         let material = materials.add(BarMaterial {
             value_and_dimensions: (percentage.value(), width, height, settings.border.width).into(),
-            background_color: color_scheme.background_color,
-            high_color: high,
-            moderate_color: moderate,
-            low_color: low,
+            background_color: color_scheme.background_color.into(),
+            high_color: high.into(),
+            moderate_color: moderate.into(),
+            low_color: low.into(),
             vertical: settings.orientation == BarOrientation::Vertical,
             offset: settings.normalized_offset().extend(0.),
-            border_color: settings.border.color,
+            border_color: settings.border.color.into(),
         });
 
         let health_bar = commands
@@ -166,7 +166,7 @@ fn update_settings<T: Percentage + Component + TypePath>(
         }
 
         material.offset = offset;
-        material.border_color = settings.border.color;
+        material.border_color = settings.border.color.into();
         material.value_and_dimensions.w = settings.border.width;
         material.vertical = settings.orientation == BarOrientation::Vertical;
     });