css changes

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

@@ -75,6 +75,7 @@ const Header = styled.div`
 const Body = styled.div`
   ${pointerEventsAutoInNormalMode};
   max-height: calc(80vh - 100px);
+  border-bottom: 1px dashed #91919177;
   overflow-y: scroll;
   &::-webkit-scrollbar {
     width: 6px;
@@ -90,7 +91,7 @@ const Body = styled.div`
   }
 
   scrollbar-width: 10px;
-  padding: 0;
+  padding: 10px;
   user-select: none;
 
   /* Set the font-size for input values in the detail panel */

theatre/studio/src/panels/SequenceEditorPanel/DopeSheet/Right/BasicKeyframedTrack/KeyframeEditor/DeterminePropEditorForSingleKeyframe.tsx

@@ -31,7 +31,7 @@ const SingleKeyframePropLabel = styled.div`
 
   width: 40%;
 
-  color: #919191;
+  color: #606060;
 
   overflow: hidden;
 `

theatre/studio/src/uiComponents/form/BasicNumberInput.tsx

@@ -27,7 +27,7 @@ const Container = styled.div`
     border: 1px solid transparent;
     z-index: -2;
     box-sizing: border-box;
-    border-radius: 1px;
+    border-radius: 0px;
   }
 
   &:hover,
@@ -66,7 +66,7 @@ const FillIndicator = styled.div`
   transform-origin: top left;
   background-color: #b4b4b4;
   z-index: 0;
-  border-radius: 2px;
+  border-radius: 0px;
   pointer-events: none !important;
   mix-blend-mode: multiply;
 

theatre/studio/src/uiComponents/form/BasicStringInput.tsx

@@ -20,6 +20,7 @@ const StyledTextarea = styled.textarea.attrs({type: 'text'})`
   border-radius: 0px;
   box-sizing: border-box;
   margin-bottom: 10px;
+  margin-top: 10px;
 
   &:hover {
     background-color: #10101042;

theatre/studio/src/uiComponents/simpleContextMenu/ContextMenu/Item.tsx

@@ -14,7 +14,7 @@ const ItemContainer = styled.li<{enabled: boolean}>`
   font-size: 11px;
   font-weight: 400;
   position: relative;
-  color: ${(props) => (props.enabled ? 'white' : '#8f8f8f')};
+  color: ${(props) => (props.enabled ? 'white' : '#484848')};
   cursor: ${(props) => (props.enabled ? 'normal' : 'not-allowed')};
 
   &:after {