Light and dark mode color and contrast enhancements (PrefectHQ#8629)

Author: stackoverfloweth

ui/package-lock.json

@@ -10,8 +10,8 @@
     "test": "playwright test"
   },
   "dependencies": {
-    "@prefecthq/prefect-design": "1.3.3",
-    "@prefecthq/prefect-ui-library": "1.1.7",
+    "@prefecthq/prefect-design": "1.3.6",
+    "@prefecthq/prefect-ui-library": "1.1.9",
     "@prefecthq/vue-compositions": "1.3.5",
     "@types/lodash.debounce": "4.0.7",
     "axios": "0.27.2",

ui/package.json

@@ -63,7 +63,7 @@
 
 .app-router-view { @apply
   text-foreground
-  bg-background
+  bg-background-600
   dark:bg-background-400
   flex
   flex-col

ui/src/pages/AppRouterView.vue

@@ -116,11 +116,11 @@
   sticky
   top-0
   bg-opacity-90
+  dark:bg-opacity-90
   py-3
   z-10
-  bg-background
+  bg-background-600
   dark:bg-background-400
-  rounded-b
   px-2
 }