1 files changed, 14 insertions, 37 deletions
diff --git a/frontend/src/app/_pages/profile/profile.component.css b/frontend/src/app/_pages/profile/profile.component.css
index 5565d105..428870da 100644
--- a/frontend/src/app/_pages/profile/profile.component.css
+++ b/frontend/src/app/_pages/profile/profile.component.css
@@ -1,44 +1,21 @@
-body{margin-top:20px;
-background-color:#f2f6fc;
-color:#69707a;
+.card{
+    background-color: transparent;
+    color:var(--offwhite)
 }
-.img-account-profile {
-    height: 10rem;
-    border: 1px solid lightgray;
-}
-.rounded-circle {
-    border-radius: 50% !important;
-}
-.card .card-header {
-    font-weight: 500;
-}
-.card-header:first-child {
-    border-radius: 0.35rem 0.35rem 0 0;
+
+.card-header{
+    background-color: var(--ns-primary-50);
+    color:var(--offwhite)
 }
-.card-header {
-    padding: 1rem 1.35rem;
-    margin-bottom: 0;
-    background-color: rgba(33, 40, 50, 0.03);
-    border-bottom: 1px solid rgba(33, 40, 50, 0.125);
+.card-body{
+    background-color: var(--ns-bg-dark-50);
 }
-.form-control, .dataTable-input {
-    display: block;
+
+mat-form-field{
     width: 100%;
-    padding: 0.875rem 1.125rem;
-    font-size: 0.875rem;
-    font-weight: 400;
-    line-height: 1;
-    color: #69707a;
-    background-color: #fff;
-    background-clip: padding-box;
-    border: 1px solid #c5ccd6;
-    -webkit-appearance: none;
-    -moz-appearance: none;
-    appearance: none;
-    border-radius: 0.35rem;
-    transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
 }
 
-.selectedPicture {
-    border: 2px solid darkgray;
+.danger-Text{
+    color:var(--ns-warn)
 }
+