Adjust UI theme slightly (#1853)

* Format CSS - prettier

* Cast Minor Shadows

Adds faint shadows to the top and side bars

* Darken the sidebar slightly

* Add theme config for bar shadows

* Fix menu item alignment and spacing

* [Refactor] Prefer canvas setDirty over draw

- nits
- types

src/components/sidebar/SideToolbar.vue

@@ -89,8 +89,9 @@ const getTabTooltipSuffix = (tab: SidebarTabExtension) => {
   width: var(--sidebar-width);
   height: 100%;
 
-  background-color: var(--comfy-menu-bg);
+  background-color: var(--comfy-menu-secondary-bg);
   color: var(--fg-color);
+  box-shadow: var(--bar-shadow);
 }
 
 .side-tool-bar-end {

src/components/topbar/TopMenubar.vue

@@ -79,6 +79,7 @@ eventBus.on((event: string, payload: any) => {
   width: 100vw;
   background: var(--comfy-menu-bg);
   color: var(--fg-color);
+  box-shadow: var(--bar-shadow);
   font-family: Arial, Helvetica, sans-serif;
   font-size: 0.8em;
   box-sizing: border-box;
@@ -96,6 +97,10 @@ eventBus.on((event: string, payload: any) => {
   background: var(--p-highlight-background-focus);
 }
 
+:deep(.p-menubar-item-label) {
+  line-height: revert;
+}
+
 .comfyui-logo {
   font-size: 1.2em;
   user-select: none;