Change primary color to sky

archesproject · Aug 9, 2024 · 038f0c0 · 038f0c0
1 parent 3e3a1ce
commit 038f0c0
Show file tree

Hide file tree

Showing 8 changed files with 23 additions and 8 deletions.
diff --git a/arches_references/media/js/views/components/plugins/controlled-list-manager.js b/arches_references/media/js/views/components/plugins/controlled-list-manager.js
@@ -13,6 +13,21 @@ const ControlledListsPreset = definePreset(Aura, {
             950: '#2d3c4b',  // matches arches sidebar
         },
     },
+    semantic: {
+        primary: {
+            50: '{sky.50}',
+            100: '{sky.100}',
+            200: '{sky.200}',
+            300: '{sky.300}',
+            400: '{sky.400}',
+            500: '{sky.500}',
+            600: '{sky.600}',
+            700: '{sky.700}',
+            800: '{sky.800}',
+            900: '{sky.900}',
+            950: '{sky.950}',
+        },
+    },
     components: {
         button: {
             root: {
@@ -30,7 +45,7 @@ const ControlledListsPreset = definePreset(Aura, {
         },
         splitter: {
             handle: {
-                background: "{surface.500}",
+                background: '{surface.500}',
             },
         },
     },

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-sky-950);
+    color: var(--p-primary-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-sky-950);
+    color: var(--p-primary-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-sky-950);
+    color: var(--p-primary-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-sky-950);
+    color: var(--p-primary-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-sky-950);
+    background: var(--p-primary-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-sky-950)',
+                    background: 'var(--p-primary-950)',
                     color: 'white',
                     borderRadius: '1rem',
                     marginBottom: '1rem',

diff --git a/arches_references/src/arches_references/components/tree/ListTreeControls.vue b/arches_references/src/arches_references/components/tree/ListTreeControls.vue
@@ -76,7 +76,7 @@ const expandNode = (node: TreeNode) => {
 <style scoped>
 .controls {
     display: flex;
-    background: var(--p-sky-50);
+    background: var(--p-primary-50);
     gap: 0.5rem;
     padding: 0.5rem;
     justify-content: space-between;