diff --git a/src/styles/types.ts b/src/styles/types.ts
index b6b53824..0b38f25e 100644
--- a/src/styles/types.ts
+++ b/src/styles/types.ts
@@ -1724,46 +1724,144 @@
         }
       }
     },
-    "stepperVertical": {
-      "icon": {
-        "size": {
-          "height": string,
-          "width": string
-        },
-        "space": {
-          "x": string,
-          "y": string
-        },
-        "radii": string,
-        "background": {
-          "default": string,
-          "incomplete": string,
-          "complete": string
-        },
-        "foreground": {
-          "default": string,
-          "incomplete": string,
-          "complete": string
-        },
-        "stroke": {
-          "default": string,
-          "incomplete": string,
-          "complete": string
-        }
-      },
-      "connector": {
-        "size": {
-          "width": string
+    "stepper": {
+      "vertical": {
+        "numbered": {
+          "connector": {
+            "size": {
+              "width": string
+            },
+            "stroke": {
+              "default": string
+            },
+            "color": {
+              "stroke": {
+                "incomplete": string,
+                "complete": string,
+                "active": string
+              }
+            }
+          },
+          "typography": {
+            "title": {
+              "default": string
+            }
+          },
+          "step": {
+            "typography": {
+              number: {
+                "default": string
+              }
+            },
+            "size": {
+              "height": string,
+              "width": string,
+              "icon": {
+                "height": string,
+                "width": string
+              }
+            },
+            "stroke": {
+              "default": string
+            },
+            "radii": {
+              "default": string
+            },
+            "color": {
+              "stroke": {
+                "incomplete": string,
+                "complete": string,
+                "active": string
+              },
+              "background": {
+                "incomplete": string,
+                "complete": string,
+                "active": string
+              },
+              "icon": {
+                "incomplete": string,
+                "complete": string,
+                "active": string
+              }
+            }
+          },
+          "content": {
+            "space": {
+              "gap": {
+                "x": string,
+                "y": string
+              }
+            }
+          },
+          "color": {
+            "title": {
+              "incomplete": string,
+              "complete": string,
+              "active": string
+            }
+          }
         },
-        "background": {
-          "default": string,
-          "incomplete": string,
-          "complete": string
-        }
-      },
-      "typography": {
-        "label": {
-          "default": string
+        "bulleted": {
+          "connector": {
+            "size": {
+              "width": string
+            },
+            "stroke": {
+              "default": string
+            },
+            "color": {
+              "stroke": {
+                "incomplete": string,
+                "complete": string,
+                "active": string
+              }
+            }
+          },
+          "step": {
+            "size": {
+              "height": string,
+              "width": string,
+              "icon": {
+                "height": string,
+                "width": string
+              }
+            },
+            "radii": {
+              "default": string
+            },
+            "stroke": {
+              "default": string
+            },
+            "color": {
+              "stroke": {
+                "incomplete": string,
+                "complete": string,
+                "active": string
+              },
+              "background": {
+                "incomplete": string,
+                "complete": string,
+                "active": string
+              },
+              "icon": {
+                "incomplete": string,
+                "complete": string,
+                "active": string
+              }
+            }
+          },
+          "typography": {
+            "title": {
+              "default": string
+            }
+          },
+          "color": {
+            "title": {
+              "incomplete": string,
+              "complete": string,
+              "active": string
+            }
+          }
         }
       }
     },
diff --git a/src/styles/variables.classic.json b/src/styles/variables.classic.json
index 23c13577..894305a1 100644
--- a/src/styles/variables.classic.json
+++ b/src/styles/variables.classic.json
@@ -511,6 +511,84 @@
         }
       }
     },
+    "stepper": {
+      "vertical": {
+        "numbered": {
+          "connector": {
+            "color": {
+              "stroke": {
+                "incomplete": "#c0c0c0",
+                "complete": "#1F1F1C",
+                "active": "#c0c0c0"
+              }
+            }
+          },
+          "step": {
+            "color": {
+              "stroke": {
+                "incomplete": "#c0c0c0",
+                "complete": "#1F1F1C",
+                "active": "#1F1F1C"
+              },
+              "background": {
+                "incomplete": "#ffffff",
+                "complete": "#ffffff",
+                "active": "#1F1F1C"
+              },
+              "icon": {
+                "incomplete": "#1F1F1C",
+                "complete": "#1F1F1C",
+                "active": "#ffffff"
+              }
+            }
+          },
+          "color": {
+            "title": {
+              "incomplete": "#c0c0c0",
+              "complete": "#696e79",
+              "active": "#161517"
+            }
+          }
+        },
+        "bulleted": {
+          "connector": {
+            "color": {
+              "stroke": {
+                "incomplete": "#c0c0c0",
+                "complete": "#1F1F1C",
+                "active": "#c0c0c0"
+              }
+            }
+          },
+          "step": {
+            "color": {
+              "stroke": {
+                "incomplete": "#c0c0c0",
+                "complete": "#1F1F1C",
+                "active": "#1F1F1C"
+              },
+              "background": {
+                "incomplete": "#ffffff",
+                "complete": "#ffffff",
+                "active": "#ffffff"
+              },
+              "icon": {
+                "incomplete": "#ffffff",
+                "complete": "#1F1F1C",
+                "active": "#ffffff"
+              }
+            }
+          },
+          "color": {
+            "title": {
+              "incomplete": "#c0c0c0",
+              "complete": "#696e79",
+              "active": "#161517"
+            }
+          }
+        }
+      }
+    },
     "tabs": {
       "basic": {
         "color": {
diff --git a/src/styles/variables.dark.json b/src/styles/variables.dark.json
index 4e262da4..8c078be3 100644
--- a/src/styles/variables.dark.json
+++ b/src/styles/variables.dark.json
@@ -893,29 +893,81 @@
         }
       }
     },
-    "stepperVertical": {
-      "icon": {
-        "background": {
-          "default": "#414141",
-          "incomplete": "lch(45.7 0 0)",
-          "complete": "#414141"
-        },
-        "foreground": {
-          "default": "#ffffff",
-          "incomplete": "#ffffff",
-          "complete": "#ffffff"
+    "stepper": {
+      "vertical": {
+        "numbered": {
+          "connector": {
+            "color": {
+              "stroke": {
+                "incomplete": "#606060",
+                "complete": "#ffffff",
+                "active": "#606060"
+              }
+            }
+          },
+          "step": {
+            "color": {
+              "stroke": {
+                "incomplete": "#606060",
+                "complete": "#ffffff",
+                "active": "#ffffff"
+              },
+              "background": {
+                "incomplete": "#1F1F1C",
+                "complete": "#1F1F1C",
+                "active": "#ffffff"
+              },
+              "icon": {
+                "incomplete": "#ffffff",
+                "complete": "#ffffff",
+                "active": "#1F1F1C"
+              }
+            }
+          },
+          "color": {
+            "title": {
+              "incomplete": "#606060",
+              "complete": "#b3b6bd",
+              "active": "#ffffff"
+            }
+          }
         },
-        "stroke": {
-          "default": "#282828",
-          "incomplete": "rgba(0,0,0,0)",
-          "complete": "rgba(0,0,0,0)"
-        }
-      },
-      "connector": {
-        "background": {
-          "default": "#414141",
-          "incomplete": "lch(45.7 0 0)",
-          "complete": "#414141"
+        "bulleted": {
+          "connector": {
+            "color": {
+              "stroke": {
+                "incomplete": "#606060",
+                "complete": "#ffffff",
+                "active": "#606060"
+              }
+            }
+          },
+          "step": {
+            "color": {
+              "stroke": {
+                "incomplete": "#606060",
+                "complete": "#ffffff",
+                "active": "#ffffff"
+              },
+              "background": {
+                "incomplete": "#1F1F1C",
+                "complete": "#1F1F1C",
+                "active": "#ffffff"
+              },
+              "icon": {
+                "incomplete": "#1F1F1C",
+                "complete": "#ffffff",
+                "active": "#ffffff"
+              }
+            }
+          },
+          "color": {
+            "title": {
+              "incomplete": "#606060",
+              "complete": "#b3b6bd",
+              "active": "#ffffff"
+            }
+          }
         }
       }
     },
diff --git a/src/styles/variables.json b/src/styles/variables.json
index 1cf7a335..1cfd414c 100644
--- a/src/styles/variables.json
+++ b/src/styles/variables.json
@@ -1723,46 +1723,144 @@
         }
       }
     },
-    "stepperVertical": {
-      "icon": {
-        "size": {
-          "height": "1.25rem",
-          "width": "1.25rem"
-        },
-        "space": {
-          "x": "0.375rem",
-          "y": "0.375rem"
-        },
-        "radii": "9999px",
-        "background": {
-          "default": "#161517",
-          "incomplete": "lch(93.7 0.83 266)",
-          "complete": "#161517"
-        },
-        "foreground": {
-          "default": "#ffffff",
-          "incomplete": "#161517",
-          "complete": "#ffffff"
-        },
-        "stroke": {
-          "default": "#ffffff",
-          "incomplete": "rgba(0,0,0,0)",
-          "complete": "rgba(0,0,0,0)"
-        }
-      },
-      "connector": {
-        "size": {
-          "width": "0.188rem"
+    "stepper": {
+      "vertical": {
+        "numbered": {
+          "connector": {
+            "size": {
+              "width": "0.188rem"
+            },
+            "stroke": {
+              "default": "2px"
+            },
+            "color": {
+              "stroke": {
+                "incomplete": "#c0c0c0",
+                "complete": "#1F1F1C",
+                "active": "#c0c0c0"
+              }
+            }
+          },
+          "typography": {
+            "title": {
+              "default": "700 1rem/1.5 \"Inter\", '\"SF Pro Display\"', -apple-system, BlinkMacSystemFont, '\"Segoe UI\"', Roboto, Oxygen, Ubuntu, Cantarell, '\"Open Sans\"', '\"Helvetica Neue\"', sans-serif;"
+            }
+          },
+          "step": {
+            "typography": {
+              "number": {
+                "default": "700 0.625rem/1.5 \"Inter\", '\"SF Pro Display\"', -apple-system, BlinkMacSystemFont, '\"Segoe UI\"', Roboto, Oxygen, Ubuntu, Cantarell, '\"Open Sans\"', '\"Helvetica Neue\"', sans-serif;"
+              }
+            },
+            "size": {
+              "height": "1.5rem",
+              "width": "1.5rem",
+              "icon": {
+                "height": "0.75rem",
+                "width": "0.75rem"
+              }
+            },
+            "stroke": {
+              "default": "2px"
+            },
+            "radii": {
+              "default": "9999px"
+            },
+            "color": {
+              "stroke": {
+                "incomplete": "#c0c0c0",
+                "complete": "#1F1F1C",
+                "active": "#1F1F1C"
+              },
+              "background": {
+                "incomplete": "#ffffff",
+                "complete": "#ffffff",
+                "active": "#1F1F1C"
+              },
+              "icon": {
+                "incomplete": "#1F1F1C",
+                "complete": "#1F1F1C",
+                "active": "#ffffff"
+              }
+            }
+          },
+          "content": {
+            "space": {
+              "gap": {
+                "x": "1rem",
+                "y": "0.5rem"
+              }
+            }
+          },
+          "color": {
+            "title": {
+              "incomplete": "#c0c0c0",
+              "complete": "#696e79",
+              "active": "#161517"
+            }
+          }
         },
-        "background": {
-          "default": "#161517",
-          "incomplete": "lch(93.7 0.83 266)",
-          "complete": "#161517"
-        }
-      },
-      "typography": {
-        "label": {
-          "default": "600 0.75rem/1.7 \"Inter\", '\"SF Pro Display\"', -apple-system, BlinkMacSystemFont, '\"Segoe UI\"', Roboto, Oxygen, Ubuntu, Cantarell, '\"Open Sans\"', '\"Helvetica Neue\"', sans-serif;"
+        "bulleted": {
+          "connector": {
+            "size": {
+              "width": "0.188rem"
+            },
+            "stroke": {
+              "default": "2px"
+            },
+            "color": {
+              "stroke": {
+                "incomplete": "#c0c0c0",
+                "complete": "#1F1F1C",
+                "active": "#c0c0c0"
+              }
+            }
+          },
+          "step": {
+            "size": {
+              "height": "1rem",
+              "width": "1rem",
+              "icon": {
+                "height": "0.75rem",
+                "width": "0.75rem"
+              }
+            },
+            "radii": {
+              "default": "9999px"
+            },
+            "stroke": {
+              "default": "2px"
+            },
+            "color": {
+              "stroke": {
+                "incomplete": "#c0c0c0",
+                "complete": "#1F1F1C",
+                "active": "#1F1F1C"
+              },
+              "background": {
+                "incomplete": "#ffffff",
+                "complete": "#ffffff",
+                "active": "#ffffff"
+              },
+              "icon": {
+                "incomplete": "#ffffff",
+                "complete": "#1F1F1C",
+                "active": "#ffffff"
+              }
+            }
+          },
+          "typography": {
+            "title": {
+              "default": "700 1rem/1.5 \"Inter\", '\"SF Pro Display\"', -apple-system, BlinkMacSystemFont, '\"Segoe UI\"', Roboto, Oxygen, Ubuntu, Cantarell, '\"Open Sans\"', '\"Helvetica Neue\"', sans-serif;"
+            }
+          },
+          "color": {
+            "title": {
+              "incomplete": "#c0c0c0",
+              "complete": "#696e79",
+              "active": "#161517"
+            }
+          }
         }
       }
     },
diff --git a/src/styles/variables.light.json b/src/styles/variables.light.json
index 4ea4eb6b..8b4ee983 100644
--- a/src/styles/variables.light.json
+++ b/src/styles/variables.light.json
@@ -889,29 +889,81 @@
         }
       }
     },
-    "stepperVertical": {
-      "icon": {
-        "background": {
-          "default": "#161517",
-          "incomplete": "lch(93.7 0.83 266)",
-          "complete": "#161517"
-        },
-        "foreground": {
-          "default": "#ffffff",
-          "incomplete": "#161517",
-          "complete": "#ffffff"
+    "stepper": {
+      "vertical": {
+        "numbered": {
+          "connector": {
+            "color": {
+              "stroke": {
+                "incomplete": "#c0c0c0",
+                "complete": "#1F1F1C",
+                "active": "#c0c0c0"
+              }
+            }
+          },
+          "step": {
+            "color": {
+              "stroke": {
+                "incomplete": "#c0c0c0",
+                "complete": "#1F1F1C",
+                "active": "#1F1F1C"
+              },
+              "background": {
+                "incomplete": "#ffffff",
+                "complete": "#ffffff",
+                "active": "#1F1F1C"
+              },
+              "icon": {
+                "incomplete": "#1F1F1C",
+                "complete": "#1F1F1C",
+                "active": "#ffffff"
+              }
+            }
+          },
+          "color": {
+            "title": {
+              "incomplete": "#c0c0c0",
+              "complete": "#696e79",
+              "active": "#161517"
+            }
+          }
         },
-        "stroke": {
-          "default": "#ffffff",
-          "incomplete": "rgba(0,0,0,0)",
-          "complete": "rgba(0,0,0,0)"
-        }
-      },
-      "connector": {
-        "background": {
-          "default": "#161517",
-          "incomplete": "lch(93.7 0.83 266)",
-          "complete": "#161517"
+        "bulleted": {
+          "connector": {
+            "color": {
+              "stroke": {
+                "incomplete": "#c0c0c0",
+                "complete": "#1F1F1C",
+                "active": "#c0c0c0"
+              }
+            }
+          },
+          "step": {
+            "color": {
+              "stroke": {
+                "incomplete": "#c0c0c0",
+                "complete": "#1F1F1C",
+                "active": "#1F1F1C"
+              },
+              "background": {
+                "incomplete": "#ffffff",
+                "complete": "#ffffff",
+                "active": "#ffffff"
+              },
+              "icon": {
+                "incomplete": "#ffffff",
+                "complete": "#1F1F1C",
+                "active": "#ffffff"
+              }
+            }
+          },
+          "color": {
+            "title": {
+              "incomplete": "#c0c0c0",
+              "complete": "#696e79",
+              "active": "#161517"
+            }
+          }
         }
       }
     },