Style tweaks

theatre/studio/src/panels/DetailPanel/ProjectDetails/StateConflictRow.tsx

@@ -27,6 +27,9 @@ const Container = styled.div`
 
 const Message = styled.div`
   margin-bottom: 1em;
+  & a {
+    color: inherit;
+  }
 `
 
 const ChooseStateRow = styled.div`
@@ -100,7 +103,15 @@ const InConflict: React.FC<{
 
   return (
     <Container>
-      <Message>Browser state is not based on disk state.</Message>
+      <Message>
+        Browser state is not based on disk state.{' '}
+        <a
+          href="https://docs.theatrejs.com/export.html#conflict"
+          target="_blank"
+        >
+          Learn more.
+        </a>
+      </Message>
       <ChooseStateRow>
         {browserStateNode}
         <DetailPanelButton

theatre/studio/src/panels/OutlinePanel/OutlinePanel.tsx

@@ -141,7 +141,7 @@ const OutlinePanel: React.FC<{}> = (props) => {
   }, [])
 
   const [errorTooltip, triggerButtonRef] = useTooltip(
-    {enabled: conflicts.length > 0, delay: 0},
+    {enabled: conflicts.length > 0, enterDelay: 0},
     () => (
       <ErrorTooltip>
         {conflicts.length === 1

theatre/studio/src/panels/OutlinePanel/ProjectsList/ProjectListItem.tsx

@@ -11,7 +11,7 @@ import styled from 'styled-components'
 const ConflictNotice = styled.div`
   color: #ff6363;
   margin-left: 11px;
-  background: #ff00002b;
+  background: #4c282d;
   padding: 2px 8px;
   border-radius: 2px;
   font-size: 10px;