diff --git a/crates/theme2/src/default_colors.rs b/crates/theme2/src/default_colors.rs
index 6ef71009c56bc612b7e75b652f8c6a8d62f2871d..15f4d6548e0e55811adff61255cbe31aae9d92db 100644
--- a/crates/theme2/src/default_colors.rs
+++ b/crates/theme2/src/default_colors.rs
@@ -27,17 +27,17 @@ impl Default for SystemColors {
 impl Default for StatusColors {
     fn default() -> Self {
         Self {
-            conflict: red().dark(11).into(),
-            created: grass().dark(11).into(),
-            deleted: red().dark(11).into(),
-            error: red().dark(11).into(),
-            hidden: neutral().dark(11).into(),
-            ignored: neutral().dark(11).into(),
-            info: blue().dark(11).into(),
-            modified: yellow().dark(11).into(),
-            renamed: blue().dark(11).into(),
-            success: grass().dark(11).into(),
-            warning: yellow().dark(11).into(),
+            conflict: red().dark().step_11().into(),
+            created: grass().dark().step_11().into(),
+            deleted: red().dark().step_11().into(),
+            error: red().dark().step_11().into(),
+            hidden: neutral().dark().step_11().into(),
+            ignored: neutral().dark().step_11().into(),
+            info: blue().dark().step_11().into(),
+            modified: yellow().dark().step_11().into(),
+            renamed: blue().dark().step_11().into(),
+            success: grass().dark().step_11().into(),
+            warning: yellow().dark().step_11().into(),
         }
     }
 }
@@ -45,12 +45,12 @@ impl Default for StatusColors {
 impl Default for GitStatusColors {
     fn default() -> Self {
         Self {
-            conflict: orange().dark(11),
-            created: grass().dark(11),
-            deleted: red().dark(11),
-            ignored: neutral().dark(11),
-            modified: yellow().dark(11),
-            renamed: blue().dark(11),
+            conflict: orange().dark().step_11(),
+            created: grass().dark().step_11(),
+            deleted: red().dark().step_11(),
+            ignored: neutral().dark().step_11(),
+            modified: yellow().dark().step_11(),
+            renamed: blue().dark().step_11(),
         }
     }
 }
@@ -86,45 +86,57 @@ impl SyntaxTheme {
     pub fn default_light() -> Self {
         Self {
             highlights: vec![
-                ("attribute".into(), cyan().light(11).into()),
-                ("boolean".into(), tomato().light(11).into()),
-                ("comment".into(), neutral().light(11).into()),
-                ("comment.doc".into(), iris().light(12).into()),
-                ("constant".into(), red().light(7).into()),
-                ("constructor".into(), red().light(7).into()),
-                ("embedded".into(), red().light(7).into()),
-                ("emphasis".into(), red().light(7).into()),
-                ("emphasis.strong".into(), red().light(7).into()),
-                ("enum".into(), red().light(7).into()),
-                ("function".into(), red().light(7).into()),
-                ("hint".into(), red().light(7).into()),
-                ("keyword".into(), orange().light(11).into()),
-                ("label".into(), red().light(7).into()),
-                ("link_text".into(), red().light(7).into()),
-                ("link_uri".into(), red().light(7).into()),
-                ("number".into(), red().light(7).into()),
-                ("operator".into(), red().light(7).into()),
-                ("predictive".into(), red().light(7).into()),
-                ("preproc".into(), red().light(7).into()),
-                ("primary".into(), red().light(7).into()),
-                ("property".into(), red().light(7).into()),
-                ("punctuation".into(), neutral().light(11).into()),
-                ("punctuation.bracket".into(), neutral().light(11).into()),
-                ("punctuation.delimiter".into(), neutral().light(11).into()),
-                ("punctuation.list_marker".into(), blue().light(11).into()),
-                ("punctuation.special".into(), red().light(7).into()),
-                ("string".into(), jade().light(11).into()),
-                ("string.escape".into(), red().light(7).into()),
-                ("string.regex".into(), tomato().light(11).into()),
-                ("string.special".into(), red().light(7).into()),
-                ("string.special.symbol".into(), red().light(7).into()),
-                ("tag".into(), red().light(7).into()),
-                ("text.literal".into(), red().light(7).into()),
-                ("title".into(), red().light(7).into()),
-                ("type".into(), red().light(7).into()),
-                ("variable".into(), red().light(7).into()),
-                ("variable.special".into(), red().light(7).into()),
-                ("variant".into(), red().light(7).into()),
+                ("attribute".into(), cyan().light().step_11().into()),
+                ("boolean".into(), tomato().light().step_11().into()),
+                ("comment".into(), neutral().light().step_11().into()),
+                ("comment.doc".into(), iris().light().step_12().into()),
+                ("constant".into(), red().light().step_7().into()),
+                ("constructor".into(), red().light().step_7().into()),
+                ("embedded".into(), red().light().step_7().into()),
+                ("emphasis".into(), red().light().step_7().into()),
+                ("emphasis.strong".into(), red().light().step_7().into()),
+                ("enum".into(), red().light().step_7().into()),
+                ("function".into(), red().light().step_7().into()),
+                ("hint".into(), red().light().step_7().into()),
+                ("keyword".into(), orange().light().step_11().into()),
+                ("label".into(), red().light().step_7().into()),
+                ("link_text".into(), red().light().step_7().into()),
+                ("link_uri".into(), red().light().step_7().into()),
+                ("number".into(), red().light().step_7().into()),
+                ("operator".into(), red().light().step_7().into()),
+                ("predictive".into(), red().light().step_7().into()),
+                ("preproc".into(), red().light().step_7().into()),
+                ("primary".into(), red().light().step_7().into()),
+                ("property".into(), red().light().step_7().into()),
+                ("punctuation".into(), neutral().light().step_11().into()),
+                (
+                    "punctuation.bracket".into(),
+                    neutral().light().step_11().into(),
+                ),
+                (
+                    "punctuation.delimiter".into(),
+                    neutral().light().step_11().into(),
+                ),
+                (
+                    "punctuation.list_marker".into(),
+                    blue().light().step_11().into(),
+                ),
+                ("punctuation.special".into(), red().light().step_7().into()),
+                ("string".into(), jade().light().step_11().into()),
+                ("string.escape".into(), red().light().step_7().into()),
+                ("string.regex".into(), tomato().light().step_11().into()),
+                ("string.special".into(), red().light().step_7().into()),
+                (
+                    "string.special.symbol".into(),
+                    red().light().step_7().into(),
+                ),
+                ("tag".into(), red().light().step_7().into()),
+                ("text.literal".into(), red().light().step_7().into()),
+                ("title".into(), red().light().step_7().into()),
+                ("type".into(), red().light().step_7().into()),
+                ("variable".into(), red().light().step_7().into()),
+                ("variable.special".into(), red().light().step_7().into()),
+                ("variant".into(), red().light().step_7().into()),
             ],
         }
     }
@@ -132,45 +144,54 @@ impl SyntaxTheme {
     pub fn default_dark() -> Self {
         Self {
             highlights: vec![
-                ("attribute".into(), cyan().dark(11).into()),
-                ("boolean".into(), tomato().dark(11).into()),
-                ("comment".into(), neutral().dark(11).into()),
-                ("comment.doc".into(), iris().dark(12).into()),
-                ("constant".into(), red().dark(7).into()),
-                ("constructor".into(), red().dark(7).into()),
-                ("embedded".into(), red().dark(7).into()),
-                ("emphasis".into(), red().dark(7).into()),
-                ("emphasis.strong".into(), red().dark(7).into()),
-                ("enum".into(), red().dark(7).into()),
-                ("function".into(), red().dark(7).into()),
-                ("hint".into(), red().dark(7).into()),
-                ("keyword".into(), orange().dark(11).into()),
-                ("label".into(), red().dark(7).into()),
-                ("link_text".into(), red().dark(7).into()),
-                ("link_uri".into(), red().dark(7).into()),
-                ("number".into(), red().dark(7).into()),
-                ("operator".into(), red().dark(7).into()),
-                ("predictive".into(), red().dark(7).into()),
-                ("preproc".into(), red().dark(7).into()),
-                ("primary".into(), red().dark(7).into()),
-                ("property".into(), red().dark(7).into()),
-                ("punctuation".into(), neutral().dark(11).into()),
-                ("punctuation.bracket".into(), neutral().dark(11).into()),
-                ("punctuation.delimiter".into(), neutral().dark(11).into()),
-                ("punctuation.list_marker".into(), blue().dark(11).into()),
-                ("punctuation.special".into(), red().dark(7).into()),
-                ("string".into(), jade().dark(11).into()),
-                ("string.escape".into(), red().dark(7).into()),
-                ("string.regex".into(), tomato().dark(11).into()),
-                ("string.special".into(), red().dark(7).into()),
-                ("string.special.symbol".into(), red().dark(7).into()),
-                ("tag".into(), red().dark(7).into()),
-                ("text.literal".into(), red().dark(7).into()),
-                ("title".into(), red().dark(7).into()),
-                ("type".into(), red().dark(7).into()),
-                ("variable".into(), red().dark(7).into()),
-                ("variable.special".into(), red().dark(7).into()),
-                ("variant".into(), red().dark(7).into()),
+                ("attribute".into(), cyan().dark().step_11().into()),
+                ("boolean".into(), tomato().dark().step_11().into()),
+                ("comment".into(), neutral().dark().step_11().into()),
+                ("comment.doc".into(), iris().dark().step_12().into()),
+                ("constant".into(), red().dark().step_7().into()),
+                ("constructor".into(), red().dark().step_7().into()),
+                ("embedded".into(), red().dark().step_7().into()),
+                ("emphasis".into(), red().dark().step_7().into()),
+                ("emphasis.strong".into(), red().dark().step_7().into()),
+                ("enum".into(), red().dark().step_7().into()),
+                ("function".into(), red().dark().step_7().into()),
+                ("hint".into(), red().dark().step_7().into()),
+                ("keyword".into(), orange().dark().step_11().into()),
+                ("label".into(), red().dark().step_7().into()),
+                ("link_text".into(), red().dark().step_7().into()),
+                ("link_uri".into(), red().dark().step_7().into()),
+                ("number".into(), red().dark().step_7().into()),
+                ("operator".into(), red().dark().step_7().into()),
+                ("predictive".into(), red().dark().step_7().into()),
+                ("preproc".into(), red().dark().step_7().into()),
+                ("primary".into(), red().dark().step_7().into()),
+                ("property".into(), red().dark().step_7().into()),
+                ("punctuation".into(), neutral().dark().step_11().into()),
+                (
+                    "punctuation.bracket".into(),
+                    neutral().dark().step_11().into(),
+                ),
+                (
+                    "punctuation.delimiter".into(),
+                    neutral().dark().step_11().into(),
+                ),
+                (
+                    "punctuation.list_marker".into(),
+                    blue().dark().step_11().into(),
+                ),
+                ("punctuation.special".into(), red().dark().step_7().into()),
+                ("string".into(), jade().dark().step_11().into()),
+                ("string.escape".into(), red().dark().step_7().into()),
+                ("string.regex".into(), tomato().dark().step_11().into()),
+                ("string.special".into(), red().dark().step_7().into()),
+                ("string.special.symbol".into(), red().dark().step_7().into()),
+                ("tag".into(), red().dark().step_7().into()),
+                ("text.literal".into(), red().dark().step_7().into()),
+                ("title".into(), red().dark().step_7().into()),
+                ("type".into(), red().dark().step_7().into()),
+                ("variable".into(), red().dark().step_7().into()),
+                ("variable.special".into(), red().dark().step_7().into()),
+                ("variant".into(), red().dark().step_7().into()),
             ],
         }
     }
@@ -181,44 +202,44 @@ impl ThemeColors {
         let system = SystemColors::default();
 
         Self {
-            border: neutral().light(6).into(),
-            border_variant: neutral().light(5).into(),
-            border_focused: blue().light(5).into(),
+            border: neutral().light().step_6().into(),
+            border_variant: neutral().light().step_5().into(),
+            border_focused: blue().light().step_5().into(),
             border_transparent: system.transparent,
-            elevated_surface: neutral().light(2).into(),
-            surface: neutral().light(2).into(),
-            background: neutral().light(1).into(),
-            element: neutral().light(3).into(),
-            element_hover: neutral().light(4).into(),
-            element_active: neutral().light(5).into(),
-            element_selected: neutral().light(5).into(),
-            element_disabled: neutral().light_alpha(3).into(),
-            element_placeholder: neutral().light(11).into(),
-            element_drop_target: blue().light_alpha(2).into(),
+            elevated_surface: neutral().light().step_2().into(),
+            surface: neutral().light().step_2().into(),
+            background: neutral().light().step_1().into(),
+            element: neutral().light().step_3().into(),
+            element_hover: neutral().light().step_4().into(),
+            element_active: neutral().light().step_5().into(),
+            element_selected: neutral().light().step_5().into(),
+            element_disabled: neutral().light_alpha().step_3().into(),
+            element_placeholder: neutral().light().step_11().into(),
+            element_drop_target: blue().light_alpha().step_2().into(),
             ghost_element: system.transparent,
-            ghost_element_hover: neutral().light(4).into(),
-            ghost_element_active: neutral().light(5).into(),
-            ghost_element_selected: neutral().light(5).into(),
-            ghost_element_disabled: neutral().light_alpha(3).into(),
-            text: neutral().light(12).into(),
-            text_muted: neutral().light(11).into(),
-            text_placeholder: neutral().light(10).into(),
-            text_disabled: neutral().light(9).into(),
-            text_accent: blue().light(11).into(),
-            icon: neutral().light(11).into(),
-            icon_muted: neutral().light(10).into(),
-            icon_disabled: neutral().light(9).into(),
-            icon_placeholder: neutral().light(10).into(),
-            icon_accent: blue().light(11).into(),
-            status_bar: neutral().light(2).into(),
-            title_bar: neutral().light(2).into(),
-            toolbar: neutral().light(1).into(),
-            tab_bar: neutral().light(2).into(),
-            tab_active: neutral().light(1).into(),
-            tab_inactive: neutral().light(2).into(),
-            editor: neutral().light(1).into(),
-            editor_subheader: neutral().light(2).into(),
-            editor_active_line: neutral().light_alpha(3).into(),
+            ghost_element_hover: neutral().light().step_4().into(),
+            ghost_element_active: neutral().light().step_5().into(),
+            ghost_element_selected: neutral().light().step_5().into(),
+            ghost_element_disabled: neutral().light_alpha().step_3().into(),
+            text: neutral().light().step_12().into(),
+            text_muted: neutral().light().step_11().into(),
+            text_placeholder: neutral().light().step_10().into(),
+            text_disabled: neutral().light().step_9().into(),
+            text_accent: blue().light().step_11().into(),
+            icon: neutral().light().step_11().into(),
+            icon_muted: neutral().light().step_10().into(),
+            icon_disabled: neutral().light().step_9().into(),
+            icon_placeholder: neutral().light().step_10().into(),
+            icon_accent: blue().light().step_11().into(),
+            status_bar: neutral().light().step_2().into(),
+            title_bar: neutral().light().step_2().into(),
+            toolbar: neutral().light().step_1().into(),
+            tab_bar: neutral().light().step_2().into(),
+            tab_active: neutral().light().step_1().into(),
+            tab_inactive: neutral().light().step_2().into(),
+            editor: neutral().light().step_1().into(),
+            editor_subheader: neutral().light().step_2().into(),
+            editor_active_line: neutral().light_alpha().step_3().into(),
         }
     }
 
@@ -226,44 +247,44 @@ impl ThemeColors {
         let system = SystemColors::default();
 
         Self {
-            border: neutral().dark(6).into(),
-            border_variant: neutral().dark(5).into(),
-            border_focused: blue().dark(5).into(),
+            border: neutral().dark().step_6().into(),
+            border_variant: neutral().dark().step_5().into(),
+            border_focused: blue().dark().step_5().into(),
             border_transparent: system.transparent,
-            elevated_surface: neutral().dark(2).into(),
-            surface: neutral().dark(2).into(),
-            background: neutral().dark(1).into(),
-            element: neutral().dark(3).into(),
-            element_hover: neutral().dark(4).into(),
-            element_active: neutral().dark(5).into(),
-            element_selected: neutral().dark(5).into(),
-            element_disabled: neutral().dark_alpha(3).into(),
-            element_placeholder: neutral().dark(11).into(),
-            element_drop_target: blue().dark_alpha(2).into(),
+            elevated_surface: neutral().dark().step_2().into(),
+            surface: neutral().dark().step_2().into(),
+            background: neutral().dark().step_1().into(),
+            element: neutral().dark().step_3().into(),
+            element_hover: neutral().dark().step_4().into(),
+            element_active: neutral().dark().step_5().into(),
+            element_selected: neutral().dark().step_5().into(),
+            element_disabled: neutral().dark_alpha().step_3().into(),
+            element_placeholder: neutral().dark().step_11().into(),
+            element_drop_target: blue().dark_alpha().step_2().into(),
             ghost_element: system.transparent,
-            ghost_element_hover: neutral().dark(4).into(),
-            ghost_element_active: neutral().dark(5).into(),
-            ghost_element_selected: neutral().dark(5).into(),
-            ghost_element_disabled: neutral().dark_alpha(3).into(),
-            text: neutral().dark(12).into(),
-            text_muted: neutral().dark(11).into(),
-            text_placeholder: neutral().dark(10).into(),
-            text_disabled: neutral().dark(9).into(),
-            text_accent: blue().dark(11).into(),
-            icon: neutral().dark(11).into(),
-            icon_muted: neutral().dark(10).into(),
-            icon_disabled: neutral().dark(9).into(),
-            icon_placeholder: neutral().dark(10).into(),
-            icon_accent: blue().dark(11).into(),
-            status_bar: neutral().dark(2).into(),
-            title_bar: neutral().dark(2).into(),
-            toolbar: neutral().dark(1).into(),
-            tab_bar: neutral().dark(2).into(),
-            tab_active: neutral().dark(1).into(),
-            tab_inactive: neutral().dark(2).into(),
-            editor: neutral().dark(1).into(),
-            editor_subheader: neutral().dark(2).into(),
-            editor_active_line: neutral().dark_alpha(3).into(),
+            ghost_element_hover: neutral().dark().step_4().into(),
+            ghost_element_active: neutral().dark().step_5().into(),
+            ghost_element_selected: neutral().dark().step_5().into(),
+            ghost_element_disabled: neutral().dark_alpha().step_3().into(),
+            text: neutral().dark().step_12().into(),
+            text_muted: neutral().dark().step_11().into(),
+            text_placeholder: neutral().dark().step_10().into(),
+            text_disabled: neutral().dark().step_9().into(),
+            text_accent: blue().dark().step_11().into(),
+            icon: neutral().dark().step_11().into(),
+            icon_muted: neutral().dark().step_10().into(),
+            icon_disabled: neutral().dark().step_9().into(),
+            icon_placeholder: neutral().dark().step_10().into(),
+            icon_accent: blue().dark().step_11().into(),
+            status_bar: neutral().dark().step_2().into(),
+            title_bar: neutral().dark().step_2().into(),
+            toolbar: neutral().dark().step_1().into(),
+            tab_bar: neutral().dark().step_2().into(),
+            tab_active: neutral().dark().step_1().into(),
+            tab_inactive: neutral().dark().step_2().into(),
+            editor: neutral().dark().step_1().into(),
+            editor_subheader: neutral().dark().step_2().into(),
+            editor_active_line: neutral().dark_alpha().step_3().into(),
         }
     }
 }