diff --git a/src/components/templates/Datasets/ListComponent.vue b/src/components/templates/Datasets/ListComponent.vue
index 42d5f2b..0230459 100644
--- a/src/components/templates/Datasets/ListComponent.vue
+++ b/src/components/templates/Datasets/ListComponent.vue
@@ -484,7 +484,7 @@ watch(
           </v-sheet>
 
           <!-- 목록 -->
-          <v-card class="rounded-lg pa-8" color="grey-lighten-4">
+          <v-card class="rounded-lg pa-8">
             <v-col cols="12">
               <v-sheet>
                 <v-table
diff --git a/src/components/templates/Datasets/ViewComponent.vue b/src/components/templates/Datasets/ViewComponent.vue
index 2c25d8a..c78526a 100644
--- a/src/components/templates/Datasets/ViewComponent.vue
+++ b/src/components/templates/Datasets/ViewComponent.vue
@@ -192,11 +192,7 @@ watch(
         </v-card-item>
       </v-card>
 
-      <v-card
-        flat
-        class="bordered-box mb-6 w-100 rounded-lg pa-8"
-        color="grey-lighten-3"
-      >
+      <v-card flat class="bordered-box mb-6 w-100 rounded-lg pa-8">
         <v-card-text class="px-6 pb-6 pt-4">
           <v-row align="center" class="py-2">
             <v-col cols="3" class="text-h6 font-weight-bold"
diff --git a/src/components/templates/datagroup/ListComponent.vue b/src/components/templates/datagroup/ListComponent.vue
index 7ea0868..8196f14 100644
--- a/src/components/templates/datagroup/ListComponent.vue
+++ b/src/components/templates/datagroup/ListComponent.vue
@@ -462,7 +462,7 @@ onMounted(fetchList);
           </v-sheet>
 
           <!-- Table -->
-          <v-card class="rounded-lg pa-8" color="grey-lighten-4">
+          <v-card class="rounded-lg pa-8">
             <v-col cols="12">
               <v-sheet>
                 <v-table
diff --git a/src/components/templates/deployment/ListComponent.vue b/src/components/templates/deployment/ListComponent.vue
index 7f58af1..743c720 100644
--- a/src/components/templates/deployment/ListComponent.vue
+++ b/src/components/templates/deployment/ListComponent.vue
@@ -424,7 +424,7 @@ const getSelectedAllData = () => {
             </v-sheet>
           </v-sheet>
 
-          <v-card class="rounded-lg pa-8" color="grey-lighten-4">
+          <v-card class="rounded-lg pa-8">
             <v-col cols="12">
               <v-sheet>
                 <v-table
diff --git a/src/components/templates/home/ListComponent.vue b/src/components/templates/home/ListComponent.vue
index a8619c9..560304d 100644
--- a/src/components/templates/home/ListComponent.vue
+++ b/src/components/templates/home/ListComponent.vue
@@ -682,7 +682,6 @@ watch(showKubeflowDetails, async () => {
         <v-card
           class="pa-0"
           :elevation="0"
-          color="grey-lighten-4"
           style="min-height: 450px; max-height: 450px"
         >
           <div
@@ -769,7 +768,6 @@ watch(showKubeflowDetails, async () => {
         <v-card
           class="pa-0"
           :elevation="0"
-          color="grey-lighten-4"
           style="min-height: 450px; max-height: 450px"
         >
           <div
@@ -831,7 +829,6 @@ watch(showKubeflowDetails, async () => {
         <v-card
           class="pa-0"
           :elevation="0"
-          color="grey-lighten-4"
           style="min-height: 450px; max-height: 450px"
         >
           <div style="padding: 16px">
@@ -981,7 +978,6 @@ watch(showKubeflowDetails, async () => {
         <v-card
           class="pa-0"
           :elevation="0"
-          color="grey-lighten-4"
           style="min-height: 450px; max-height: 450px"
         >
           <div style="padding: 16px">
diff --git a/src/components/templates/projects/ListComponent.vue b/src/components/templates/projects/ListComponent.vue
index 0e4df16..204628e 100644
--- a/src/components/templates/projects/ListComponent.vue
+++ b/src/components/templates/projects/ListComponent.vue
@@ -588,7 +588,7 @@ onMounted(async () => {
           </v-sheet>
 
           <!-- 테이블 -->
-          <v-card class="rounded-lg pa-8" color="grey-lighten-4">
+          <v-card class="rounded-lg pa-8">
             <v-col cols="12">
               <v-sheet>
                 <v-table
diff --git a/src/components/templates/run/executions/CompareComponent.vue b/src/components/templates/run/executions/CompareComponent.vue
index 7b509b9..1e58c53 100644
--- a/src/components/templates/run/executions/CompareComponent.vue
+++ b/src/components/templates/run/executions/CompareComponent.vue
@@ -261,7 +261,7 @@ onMounted(() => {
       class="bg-shades-transparent d-flex flex-column justify-center w-100"
     >
       <!-- 1) Workflow Information -->
-      <v-card flat class="bg-shades-transparent w-100" color="grey-lighten-3">
+      <v-card flat class="bg-shades-transparent w-100">
         <v-card-item class="text-h5 font-weight-bold pt-0 pa-5 pl-0">
           <div class="d-flex flex-row justify-start align-center">
             <div>Compare Executions</div>
diff --git a/src/components/templates/run/executions/ListComponent.vue b/src/components/templates/run/executions/ListComponent.vue
index 09ecaca..504d30c 100644
--- a/src/components/templates/run/executions/ListComponent.vue
+++ b/src/components/templates/run/executions/ListComponent.vue
@@ -632,7 +632,7 @@ onMounted(() => {
           </v-sheet>
 
           <!-- 목록 -->
-          <v-card class="rounded-lg pa-8" color="grey-lighten-4">
+          <v-card class="rounded-lg pa-8">
             <v-col cols="12">
               <v-sheet>
                 <v-table
diff --git a/src/components/templates/run/executions/ViewComponent.vue b/src/components/templates/run/executions/ViewComponent.vue
index fe62392..6bd9143 100644
--- a/src/components/templates/run/executions/ViewComponent.vue
+++ b/src/components/templates/run/executions/ViewComponent.vue
@@ -851,11 +851,7 @@ const artifactsLoading = ref(false);
       <v-window v-model="mainTab">
         <!-- ========= Details ========= -->
         <v-window-item value="details">
-          <v-card
-            flat
-            class="bordered-box mb-6 w-100 rounded-lg pa-8"
-            color="grey-lighten-3"
-          >
+          <v-card flat class="bordered-box mb-6 w-100 rounded-lg pa-8">
             <v-card-title class="grey lighten-4 py-2 px-4">
               <span class="font-weight-bold">Execution Information</span>
             </v-card-title>
@@ -971,7 +967,7 @@ const artifactsLoading = ref(false);
 
         <!-- ========= Visualizations ========= -->
         <v-window-item value="viz">
-          <v-card class="rounded-lg pa-8 w-100" color="grey-lighten-3">
+          <v-card class="rounded-lg pa-8 w-100">
             <v-window v-model="vizTab">
               <v-window-item value="metrics">
                 <v-card-text>
@@ -1035,7 +1031,7 @@ const artifactsLoading = ref(false);
 
                   <!-- Selected Run -->
                   <!-- Selected Run -->
-                  <v-card flat class="mb-6" color="grey-lighten-3">
+                  <v-card flat class="mb-6">
                     <v-card-title
                       class="py-2 px-0 text-button text-medium-emphasis"
                     >
@@ -1162,7 +1158,7 @@ const artifactsLoading = ref(false);
                   </v-card>
 
                   <!-- Model Metrics table -->
-                  <v-card flat class="mb-6" color="grey-lighten-3">
+                  <v-card flat class="mb-6">
                     <v-card-title
                       class="py-2 px-0 text-button text-medium-emphasis"
                       >Model Metrics (selected run)</v-card-title
@@ -1192,7 +1188,7 @@ const artifactsLoading = ref(false);
                   </v-card>
 
                   <!-- Bar chart -->
-                  <v-card flat class="mb-6" color="grey-lighten-3">
+                  <v-card flat class="mb-6">
                     <v-card-title
                       class="py-2 px-0 text-button text-medium-emphasis"
                       >Metrics (bar chart)</v-card-title
@@ -1230,7 +1226,7 @@ const artifactsLoading = ref(false);
 
         <!-- ========= Artifacts (Two-step, Flat) ========= -->
         <v-window-item value="artifacts">
-          <v-card class="rounded-lg pa-8 w-100" color="grey-lighten-3">
+          <v-card class="rounded-lg pa-8 w-100">
             <v-card-text>
               <v-row class="mb-4" align="center">
                 <v-col
@@ -1324,7 +1320,7 @@ const artifactsLoading = ref(false);
               </v-alert>
 
               <!-- 바깥 카드도 flat, 타이틀 톤 통일 -->
-              <v-card flat color="grey-lighten-3" class="mb-2">
+              <v-card flat class="mb-2">
                 <v-card-title
                   class="py-2 px-0 text-button text-medium-emphasis"
                 >
diff --git a/src/components/templates/run/experiment/ListComponent.vue b/src/components/templates/run/experiment/ListComponent.vue
index bd1e37f..bf11a34 100644
--- a/src/components/templates/run/experiment/ListComponent.vue
+++ b/src/components/templates/run/experiment/ListComponent.vue
@@ -390,7 +390,7 @@ onMounted(() => {
           </v-sheet>
 
           <!-- 목록 -->
-          <v-card class="rounded-lg pa-8" color="grey-lighten-4">
+          <v-card class="rounded-lg pa-8">
             <v-col cols="12">
               <v-sheet>
                 <v-table
diff --git a/src/components/templates/run/experiment/ViewComponent.vue b/src/components/templates/run/experiment/ViewComponent.vue
index c7d496d..de85c70 100644
--- a/src/components/templates/run/experiment/ViewComponent.vue
+++ b/src/components/templates/run/experiment/ViewComponent.vue
@@ -194,7 +194,6 @@ watch(
         <v-card
           flat
           class="bordered-box mb-6 w-100 rounded-lg pa-8 position-relative"
-          color="grey-lighten-3"
         >
           <v-card-title class="grey lighten-4 py-2 px-4">
             <span class="font-weight-bold">Experiment Information</span>
@@ -248,7 +247,7 @@ watch(
         </v-card>
 
         <!-- Runs -->
-        <v-card class="rounded-lg pa-8 w-100" color="grey-lighten-3">
+        <v-card class="rounded-lg pa-8 w-100">
           <v-card-title class="grey lighten-4 py-2 px-4">
             <span class="font-weight-bold">Runs</span>
           </v-card-title>
diff --git a/src/components/templates/stepconfig/ListComponent.vue b/src/components/templates/stepconfig/ListComponent.vue
index 12ca144..7653716 100644
--- a/src/components/templates/stepconfig/ListComponent.vue
+++ b/src/components/templates/stepconfig/ListComponent.vue
@@ -407,7 +407,7 @@ onMounted(() => {
           </v-sheet>
 
           <!-- 테이블 -->
-          <v-card class="rounded-lg pa-8" color="grey-lighten-4">
+          <v-card class="rounded-lg pa-8">
             <v-col cols="12">
               <v-sheet>
                 <v-table
diff --git a/src/components/templates/trainingscript/ListComponent.vue b/src/components/templates/trainingscript/ListComponent.vue
index 7d85ca9..db83db8 100644
--- a/src/components/templates/trainingscript/ListComponent.vue
+++ b/src/components/templates/trainingscript/ListComponent.vue
@@ -463,7 +463,7 @@ watch(
           </v-sheet>
 
           <!-- 목록 -->
-          <v-card class="rounded-lg pa-8" color="grey-lighten-4">
+          <v-card class="rounded-lg pa-8">
             <v-col cols="12">
               <v-sheet>
                 <v-table
diff --git a/src/components/templates/trainingscript/ViewComponent.vue b/src/components/templates/trainingscript/ViewComponent.vue
index c15c988..b8e3fa8 100644
--- a/src/components/templates/trainingscript/ViewComponent.vue
+++ b/src/components/templates/trainingscript/ViewComponent.vue
@@ -115,11 +115,7 @@ onBeforeUnmount(() => {
       </v-card-item>
     </v-card>
 
-    <v-card
-      flat
-      class="bordered-box mb-6 w-100 rounded-lg pa-8"
-      color="grey-lighten-3"
-    >
+    <v-card flat class="bordered-box mb-6 w-100 rounded-lg pa-8">
       <v-card-title class="grey lighten-4 py-2 px-4">
         <span class="font-weight-bold">Training Script Information</span>
       </v-card-title>
@@ -164,11 +160,7 @@ onBeforeUnmount(() => {
     </v-card>
 
     <!-- 미리보기 -->
-    <v-card
-      flat
-      class="bordered-box mb-6 w-100 rounded-lg pa-8"
-      color="grey-lighten-3"
-    >
+    <v-card flat class="bordered-box mb-6 w-100 rounded-lg pa-8">
       <v-card-title class="grey lighten-4 py-2 px-4">
         <span class="font-weight-bold">Training Script Preview</span>
       </v-card-title>
diff --git a/src/components/templates/trainingscriptgroup/ListComponent.vue b/src/components/templates/trainingscriptgroup/ListComponent.vue
index 6ddf45e..540a466 100644
--- a/src/components/templates/trainingscriptgroup/ListComponent.vue
+++ b/src/components/templates/trainingscriptgroup/ListComponent.vue
@@ -462,7 +462,7 @@ onMounted(fetchList);
           </v-sheet>
 
           <!-- Table -->
-          <v-card class="rounded-lg pa-8" color="grey-lighten-4">
+          <v-card class="rounded-lg pa-8">
             <v-col cols="12">
               <v-sheet>
                 <v-table
diff --git a/src/components/templates/users/ListComponent.vue b/src/components/templates/users/ListComponent.vue
index f8f01f8..4eef9e3 100644
--- a/src/components/templates/users/ListComponent.vue
+++ b/src/components/templates/users/ListComponent.vue
@@ -484,7 +484,7 @@ onMounted(async () => {
           </v-sheet>
 
           <!-- 테이블 -->
-          <v-card class="rounded-lg pa-8" color="grey-lighten-4">
+          <v-card class="rounded-lg pa-8">
             <v-col cols="12">
               <v-sheet>
                 <v-table
diff --git a/src/components/templates/workflow/ListComponent.vue b/src/components/templates/workflow/ListComponent.vue
index 280b925..770652d 100644
--- a/src/components/templates/workflow/ListComponent.vue
+++ b/src/components/templates/workflow/ListComponent.vue
@@ -432,7 +432,7 @@ onMounted(() => {
             </v-sheet>
           </v-sheet>
 
-          <v-card class="rounded-lg pa-8" color="grey-lighten-4">
+          <v-card class="rounded-lg pa-8">
             <v-col cols="12">
               <v-sheet>
                 <v-table
diff --git a/src/components/templates/workflow/ViewComponent.vue b/src/components/templates/workflow/ViewComponent.vue
index 048e67d..1ae28c6 100644
--- a/src/components/templates/workflow/ViewComponent.vue
+++ b/src/components/templates/workflow/ViewComponent.vue
@@ -222,10 +222,7 @@ const steps = ref<
 
       <!-- Details 탭 -->
       <template v-if="activeTab === 'details'">
-        <v-card
-          class="bordered-box mb-6 w-100 rounded-lg pa-8 step-card"
-          color="grey-lighten-3"
-        >
+        <v-card class="bordered-box mb-6 w-100 rounded-lg pa-8 step-card">
           <v-card-title class="grey lighten-4 py-2 px-4">
             <span class="font-weight-bold">Workflow Information</span>
           </v-card-title>
diff --git a/src/plugins/vuetify.js b/src/plugins/vuetify.js
index af632fc..c83fd37 100644
--- a/src/plugins/vuetify.js
+++ b/src/plugins/vuetify.js
@@ -1,19 +1,23 @@
+// plugins/vuetify.ts
 import "@mdi/font/css/materialdesignicons.css";
 import "vuetify/styles";
 import { createVuetify } from "vuetify";
 
 export default createVuetify({
   theme: {
-    defaultTheme: "light",
+    defaultTheme: "tealOrangeLight",
     themes: {
-      light: {
+      tealOrangeLight: {
+        dark: false,
         colors: {
-          background: "#ffffff",
-          surface: "#ffffff",
-          card: "#f7f8fa",
-          border: "#e7e9ee",
-          text: "#2b2f33",
-          muted: "#6b7280",
+          primary: "#3B82F6",
+          secondary: "#22C55E",
+          success: "#22C55E",
+          info: "#3B82F6",
+          warning: "#F59E0B",
+          error: "#F43F5E",
+          surface: "#FAFAFA",
+          background: "#F3F4F6",
         },
       },
     },