UI updates for Cloud (#2173)

* Add fire hydrant icon

* Keep nav gradient in dark and light mode for Cloud

src/lib/holocene/icon/paths.ts

@@ -44,6 +44,7 @@ import fileImport from './svg/file-import.svelte';
 import fileUpload from './svg/file-upload.svelte';
 import filterSolid from './svg/filter-solid.svelte';
 import filter from './svg/filter.svelte';
+import fireHydrant from './svg/fire-hydrant.svelte';
 import github from './svg/github.svelte';
 import graph from './svg/graph.svelte';
 import hyphen from './svg/hyphen.svelte';
@@ -143,6 +144,7 @@ export const icons = {
   'file-upload': fileUpload,
   filter,
   'filter-solid': filterSolid,
+  'fire-hydrant': fireHydrant,
   github,
   graph,
   hyphen,

src/lib/holocene/icon/svg/fire-hydrant.svelte

@@ -0,0 +1,10 @@
+<script lang="ts">
+  import Svg from '../svg.svelte';
+</script>
+
+<Svg {...$$props}>
+  <path
+    d="M10.9062 7.25V7.71875V8.34375H12.625V7.875L17 7.25V10.375L12.625 9.75V9.28125H10.9062V9.80859C11.8828 10.0234 12.625 10.9023 12.625 11.9375V16.3125V17.25H11.6875H9.1875H8.25V16.3125V11.9375C8.25 10.9023 8.97266 10.0234 9.96875 9.80859V9.30078C9.05078 9.41797 8.26953 9.98438 7.87891 10.7852L7.03906 10.375C7.58594 9.26172 8.67969 8.48047 9.96875 8.36328V7.71875V7.25H10.9062ZM9.1875 16.3125H11.6875V15.375H9.1875V16.3125ZM9.1875 11.9375V14.4375H11.6875V11.9375C11.6875 11.2539 11.1211 10.6875 10.4375 10.6875C9.73438 10.6875 9.1875 11.2539 9.1875 11.9375Z"
+    fill="currentcolor"
+  />
+</Svg>

src/lib/holocene/navigation/navigation-container.svelte

@@ -21,7 +21,7 @@
     'group grid h-screen w-16 grid-cols-[2rem] grid-rows-[fit-content(1.5rem)_minmax(3rem,4rem)_1fr_8rem] gap-2 border-r border-subtle px-4 py-5 transition-width data-[nav=open]:w-40 data-[nav=open]:grid-cols-[100%]',
     'focus-visible:[&_[role=button]]:outline-none focus-visible:[&_[role=button]]:ring-4 focus-visible:[&_[role=button]]:ring-primary/70 focus-visible:[&_a]:outline-none focus-visible:[&_a]:ring-4 focus-visible:[&_a]:ring-primary/70',
     isCloud
-      ? 'surface-primary from-indigo-600 to-indigo-950 dark:bg-gradient-to-b focus-visible:[&_[role=button]]:dark:ring-success focus-visible:[&_a]:dark:ring-success'
+      ? 'bg-gradient-to-b from-indigo-600 to-indigo-950 text-off-white focus-visible:[&_[role=button]]:ring-success focus-visible:[&_a]:ring-success'
       : 'surface-black',
   )}
   data-nav={$navOpen ? 'open' : 'closed'}