Adjusted colors for bars

components/lib/themes/nora/datatable/index.js

@@ -148,7 +148,7 @@ export default {
         },
         dark: {
             root: {
-                borderColor: '{surface.700}'
+                borderColor: '{surface.600}'
             },
             row: {
                 stripedBackground: '{surface.950}'

components/lib/themes/nora/metergroup/index.js

@@ -4,7 +4,6 @@ export default {
         gap: '1rem'
     },
     meters: {
-        background: '{content.border.color}',
         size: '0.5rem'
     },
     label: {
@@ -19,5 +18,17 @@ export default {
     labelList: {
         verticalGap: '0.5rem',
         horizontalGap: '1rem'
+    },
+    colorScheme: {
+        light: {
+            meters: {
+                background: '{surface.300}'
+            }
+        },
+        dark: {
+            meters: {
+                background: '{surface.600}'
+            }
+        }
     }
 };

components/lib/themes/nora/progressbar/index.js

@@ -1,6 +1,5 @@
 export default {
     root: {
-        background: '{content.border.color}',
         borderRadius: '{content.border.radius}',
         height: '1.25rem'
     },
@@ -11,5 +10,17 @@ export default {
         color: '{primary.contrast.color}',
         fontSize: '0.75rem',
         fontWeight: '600'
+    },
+    colorScheme: {
+        light: {
+            root: {
+                background: '{surface.300}'
+            }
+        },
+        dark: {
+            root: {
+                background: '{surface.600}'
+            }
+        }
     }
 };

components/lib/themes/nora/slider/index.js

@@ -1,6 +1,5 @@
 export default {
     track: {
-        background: '{content.border.color}',
         borderRadius: '{content.border.radius}',
         size: '3px'
     },
@@ -28,5 +27,17 @@ export default {
             offset: '{focus.ring.offset}',
             shadow: '{focus.ring.shadow}'
         }
+    },
+    colorScheme: {
+        light: {
+            track: {
+                background: '{surface.300}'
+            }
+        },
+        dark: {
+            track: {
+                background: '{surface.600}'
+            }
+        }
     }
 };

components/lib/themes/nora/treetable/index.js

@@ -105,7 +105,7 @@ export default {
         },
         dark: {
             root: {
-                borderColor: '{surface.700}'
+                borderColor: '{surface.600}'
             },
             bodyCell: {
                 selectedBorderColor: '{primary.900}'