diff --git a/components/lib/themes/primeone/base/fileupload/index.js b/components/lib/themes/primeone/base/fileupload/index.js
index c19efb0a4..111e10035 100644
--- a/components/lib/themes/primeone/base/fileupload/index.js
+++ b/components/lib/themes/primeone/base/fileupload/index.js
@@ -16,10 +16,10 @@ export default {
 .p-fileupload-buttonbar {
     display: flex;
     flex-wrap: wrap;
-    background: var(--p-fileupload-header-background);
+    background: ${dt('fileupload.header.background')};
     padding: 1.125rem;
-    border: 1px solid var(--p-fileupload-header-border-color);
-    color: var(--p-fileupload-header-text-color);
+    border: 1px solid ${dt('fileupload.header.border.color')};
+    color: ${dt('fileupload.header.color')};
     border-bottom: 0 none;
     border-top-right-radius: ${dt('rounded.base')};
     border-top-left-radius: ${dt('rounded.base')};
@@ -28,10 +28,10 @@ export default {
 
 .p-fileupload-content {
     position: relative;
-    background: var(--p-fileupload-content-background);
+    background: ${dt('fileupload.content.background')};
     padding: 0 1.125rem 1.125rem 1.125rem;
-    border: 1px solid var(--p-fileupload-content-border-color);
-    color: var(--p-fileupload-content-text-color);
+    border: 1px solid ${dt('fileupload.content.border.color')};
+    color: ${dt('fileupload.content.color')};
     border-bottom-right-radius: ${dt('rounded.base')};
     border-bottom-left-radius: ${dt('rounded.base')};
     border-top: 0 none;
@@ -50,7 +50,7 @@ export default {
     flex-wrap: wrap;
     align-items: center;
     padding: 1rem;
-    border: 1px solid var(--p-fileupload-file-border-color);
+    border: 1px solid ${dt('fileupload.file.border.color')};
     border-radius: ${dt('rounded.base')};
     gap: 0.5rem;
     margin-bottom: 0.5rem;
@@ -69,8 +69,8 @@ export default {
 }
 
 .p-fileupload-highlight {
-    border: 1px dashed var(--p-fileupload-highlight-border-color-highlight);
-    background-color: var(--p-fileupload-highlight-background-highlight);
+    border: 1px dashed ${dt('fileupload.content.highlight.border.color')};
+    background: ${dt('fileupload.content.highlight.background')};
 }
 
 .p-fileupload-file-name {
diff --git a/components/lib/themes/primeone/presets/aura/fileupload/index.js b/components/lib/themes/primeone/presets/aura/fileupload/index.js
index ecce594e7..57855eb85 100644
--- a/components/lib/themes/primeone/presets/aura/fileupload/index.js
+++ b/components/lib/themes/primeone/presets/aura/fileupload/index.js
@@ -4,14 +4,14 @@ export default {
             header: {
                 background: '{surface.0}',
                 borderColor: '{surface.200}',
-                textColor: '{surface.700}'
+                color: '{surface.700}'
             },
             content: {
                 background: '{surface.0}',
-                backgroundHighlight: '{highlight.background}',
+                highlightBackground: '{highlight.background}',
                 borderColor: '{surface.200}',
-                borderColorHighlight: '{highlight.textColor}',
-                textColor: '{surface.700}'
+                highlightBorderColor: '{highlight.color}',
+                color: '{surface.700}'
             },
             file: {
                 borderColor: '{surface.200}'
@@ -21,14 +21,14 @@ export default {
             header: {
                 background: '{surface.900}',
                 borderColor: '{surface.700}',
-                textColor: '{surface.0}'
+                color: '{surface.0}'
             },
             content: {
                 background: '{surface.900}',
-                backgroundHighlight: '{highlight.background}',
+                highlightBackground: '{highlight.background}',
                 borderColor: '{surface.700}',
-                borderColorHighlight: '{highlight.textColor}',
-                textColor: '{surface.0}'
+                highlightBorderColor: '{highlight.color}',
+                color: '{surface.0}'
             },
             file: {
                 borderColor: '{surface.200}'