Use primitive color tokens from arches theme

archesproject · Aug 12, 2024 · 7c707a9 · 7c707a9
1 parent 4fd0bf3
commit 7c707a9
Show file tree

Hide file tree

Showing 6 changed files with 6 additions and 6 deletions.
diff --git a/arches_references/src/arches_references/components/editor/ItemImages.vue b/arches_references/src/arches_references/components/editor/ItemImages.vue
@@ -119,7 +119,7 @@ const showError = (event?: FileUploadErrorEvent | FileUploadUploadEvent) => {
 }
 
 h4 {
-    color: var(--p-primary-950);
+    color: var(--p-header-950);
     margin-top: 0;
     font-size: 1.33rem;
 }

diff --git a/arches_references/src/arches_references/components/editor/ItemType.vue b/arches_references/src/arches_references/components/editor/ItemType.vue
@@ -75,7 +75,7 @@ label {
 }
 
 h4 {
-    color: var(--p-primary-950);
+    color: var(--p-header-950);
     margin-top: 0;
     font-size: 1.33rem;
 }

diff --git a/arches_references/src/arches_references/components/editor/ItemURI.vue b/arches_references/src/arches_references/components/editor/ItemURI.vue
@@ -125,7 +125,7 @@ const cancel = () => {
 }
 
 h4 {
-    color: var(--p-primary-950);
+    color: var(--p-header-950);
     margin-top: 0;
     font-size: 1.33rem;
 }

diff --git a/arches_references/src/arches_references/components/editor/ValueEditor.vue b/arches_references/src/arches_references/components/editor/ValueEditor.vue
@@ -410,7 +410,7 @@ const focusInput = () => {
 }
 
 h4 {
-    color: var(--p-primary-950);
+    color: var(--p-header-950);
     margin-top: 0;
     font-size: 1.33rem;
 }

diff --git a/arches_references/src/arches_references/components/misc/ListHeader.vue b/arches_references/src/arches_references/components/misc/ListHeader.vue
@@ -61,7 +61,7 @@ const heading = computed(() => {
 .header {
     display: flex;
     align-items: center;
-    background: var(--p-primary-950);
+    background: var(--p-header-950);
 }
 
 i {

diff --git a/arches_references/src/arches_references/components/tree/AddDeleteControls.vue b/arches_references/src/arches_references/components/tree/AddDeleteControls.vue
@@ -272,7 +272,7 @@ await fetchListsAndPopulateTree();
             },
             header: {
                 style: {
-                    background: 'var(--p-primary-950)',
+                    background: 'var(--p-header-950)',
                     color: 'white',
                     borderRadius: '1rem',
                     marginBottom: '1rem',