misc styling updates

Author: jahvon

desktop/src/components/Viewer/Executable/Executable.tsx

@@ -18,6 +18,7 @@ import {
   IconExternalLink,
   IconEye,
   IconFile,
+  IconLabel,
   IconPlayerPlay,
   IconTag,
   IconTerminal,
@@ -295,7 +296,7 @@ export default function ExecutableInfo({ executable }: ExecutableInfoProps) {
               <Stack gap="sm">
                 <Title order={4}>
                   <Group gap="xs">
-                    <IconTag size={16} />
+                    <IconLabel size={16} />
                     Aliases
                   </Group>
                 </Title>
@@ -339,7 +340,7 @@ export default function ExecutableInfo({ executable }: ExecutableInfoProps) {
         <Drawer
           opened={true}
           onClose={() => setOutput([])}
-          title="Execution Output"
+          title={<Text size="sm">Execution Output</Text>}
           size="33%"
           position="bottom"
         >

desktop/src/components/Viewer/Settings/Settings.module.css

@@ -5,7 +5,8 @@
 }
 
 .settings__section {
-  background-color: var(--mantine-color-other-backgroundColors-card);
+  background-color: var(--mantine-color-other-backgroundColors-main);
+  padding: 0;
 }
 
 .settings :global(.mantine-Select-input) {
@@ -36,19 +37,15 @@
   background-color: var(--mantine-color-other-backgroundColors-main);
 }
 
-.settings :global(.mantine-Button-root) {
-  background-color: var(--mantine-color-primary-0);
-  color: var(--mantine-color-other-colors-bodyLight);
-}
-
-.settings :global(.mantine-Button-root:hover) {
-  background-color: var(--mantine-color-primary-1);
-}
-
 .settings :global(.mantine-Title-root) {
-  color: var(--mantine-color-other-colors-body);
+  color: var(--mantine-color-primary-1);
 }
 
 .settings :global(.mantine-Text-root) {
-  color: var(--mantine-color-other-colors-body);
+  color: var(--mantine-color-secondary-1);
+}
+
+.settings :global(.mantine-TextInput-label),
+.settings :global(.mantine-Select-label) {
+  color: var(--mantine-color-tertiary-1);
 }

desktop/src/components/Viewer/Settings/Settings.tsx

@@ -17,11 +17,11 @@ export function Settings() {
 
   return (
     <div className={styles.settings}>
-      <Title order={2} mb="xl">
+      <Title order={2} mb="md">
         Settings
       </Title>
 
-      <Stack gap="md">
+      <Stack gap="sm">
         <Card className={styles.settings__section}>
           <Text size="lg" fw={500} mb="md">
             Appearance

desktop/src/components/Viewer/Workspace/Workspace.tsx

@@ -9,6 +9,7 @@ import {
   Text,
   ThemeIcon,
   Title,
+  Tooltip,
 } from "@mantine/core";
 import {
   IconExternalLink,
@@ -62,12 +63,14 @@ export function Workspace({ workspace }: WorkspaceProps) {
               </Group>
 
               {workspace.name && (
-                <Badge variant="light" color="gray">
-                  <Group gap={4}>
-                    <IconInfoCircle size={12} />
-                    {workspace.name}
-                  </Group>
-                </Badge>
+                <Tooltip label={`Registered at ${workspace.path}`}>
+                  <Badge variant="light" color="gray">
+                    <Group gap={4}>
+                      <IconInfoCircle size={12} />
+                      {workspace.name}
+                    </Group>
+                  </Badge>
+                </Tooltip>
               )}
             </Stack>