diff --git a/packages/carbon-addons-devenv/src/scss/logo.scss b/packages/carbon-addons-devenv/src/scss/logo.scss
index c086664..9b2fe6a 100644
--- a/packages/carbon-addons-devenv/src/scss/logo.scss
+++ b/packages/carbon-addons-devenv/src/scss/logo.scss
@@ -1,5 +1,5 @@
 .#{$prefix}--logo {
-  box-shadow: inset 0 0 0 2px $carbon--white-0;
+  box-shadow: inset 0 0 0 2px themes.get("layer-01");
   border-radius: $border-radius-round;
   font-weight: 500;
   overflow: hidden;
diff --git a/packages/carbon-addons-devenv/src/scss/personfolio.scss b/packages/carbon-addons-devenv/src/scss/personfolio.scss
index b007b06..1ded0d1 100644
--- a/packages/carbon-addons-devenv/src/scss/personfolio.scss
+++ b/packages/carbon-addons-devenv/src/scss/personfolio.scss
@@ -1,25 +1,25 @@
 .#{$prefix}--personfolio {
-  background-color: $ui-01;
-  color: $text-01;
+  background-color: themes.get("layer-01");
+  color: themes.get("text-primary");
   border-radius: 6px;
   border-width: 1px 1px 1px 1px;
   border-style: solid !important;
-  padding: $spacing-05;
-  margin-top: $spacing-05;
+  padding: themes.get("spacing-05");
+  margin-top: themes.get("spacing-05");
 
   &--child {
-    border-color: $support-01;
+    border-color: themes.get("support-error");
   }
 
   &--youngadult {
-    border-color: $support-02;
+    border-color: themes.get("support-success");
   }
 
   &--adult {
-    border-color: $support-03;
+    border-color: themes.get("support-warning");
   }
 
   &--senior {
-    border-color: $support-04;
+    border-color: themes.get("support-info");
   }
 }