fix(ui): Fix usages of theme.white (#29344)

* fix(ui): Fix usages of theme.white

* style(lint): Auto commit lint changes

Co-authored-by: getsantry[bot] <66042841+getsantry[bot]@users.noreply.github.com>

static/app/components/actions/menuItemActionLink.tsx

@@ -25,8 +25,7 @@ const InnerActionLink = styled(ActionLink)`
   .dropdown-menu > li > &,
   .dropdown-menu > span > li > & {
     &.disabled:hover {
-      background: ${p => p.theme.white};
-      color: #7a8188;
+      background: ${p => p.theme.background};
     }
   }
 `;

static/app/components/commitRow.tsx

@@ -128,7 +128,7 @@ const EmailWarningIcon = styled('span')`
   right: -7px;
   line-height: 12px;
   border-radius: 50%;
-  border: 1px solid ${p => p.theme.white};
+  border: 1px solid ${p => p.theme.background};
   background: ${p => p.theme.yellow200};
   padding: 1px 2px 3px 2px;
 `;

static/app/components/contextData/toggle.tsx

@@ -46,7 +46,6 @@ export default Toggle;
 
 const IconWrapper = styled('div')<{isExpanded: boolean}>`
   border-radius: 2px;
-  background: ${p => p.theme.white};
   display: inline-flex;
   align-items: center;
   justify-content: center;

static/app/components/hovercard.tsx

@@ -325,8 +325,7 @@ const HovercardArrow = styled('span')<HovercardArrowProps>`
   }
   &::after {
     border: 10px solid transparent;
-    border-${getTipDirection}-color: ${p =>
-  p.tipColor || (p.placement === 'bottom' ? p.theme.backgroundSecondary : p.theme.white)};
+    border-${getTipDirection}-color: ${p => p.tipColor ?? p.theme.background};
   }
 `;
 

static/app/styles/global.tsx

@@ -188,10 +188,11 @@ const styles = (theme: Theme, isDark: boolean) => css`
         .dropdown-menu {
           color: ${theme.textColor};
           background-color: ${theme.background} !important;
-          border: 1px solid ${theme.gray400};
+          border: 1px solid ${theme.border};
           &:after,
           &:before {
-            border-top-color: ${theme.gray400} !important;
+            border-top-color: ${theme.border} !important;
+            border-bottom-color: ${theme.border} !important;
           }
         }
         .context-summary .context-item.darwin .context-item-icon,

static/app/views/releases/list/releaseHealth/content.tsx

@@ -1,5 +1,6 @@
 import {Fragment} from 'react';
 import styled from '@emotion/styled';
+import color from 'color';
 import {Location} from 'history';
 
 import GuideAnchor from 'app/components/assistant/guideAnchor';
@@ -287,11 +288,11 @@ const ExpandButtonWrapper = styled('div')`
   justify-content: center;
   background-image: linear-gradient(
     180deg,
-    hsla(0, 0%, 100%, 0.15) 0,
-    ${p => p.theme.white}
+    ${p => color(p.theme.background).alpha(0).string()} 0,
+    ${p => p.theme.background}
   );
   background-repeat: repeat-x;
-  border-bottom: ${space(1)} solid ${p => p.theme.white};
+  border-bottom: ${space(1)} solid ${p => p.theme.background};
   border-top: ${space(1)} solid transparent;
   border-bottom-right-radius: ${p => p.theme.borderRadius};
   @media (max-width: ${p => p.theme.breakpoints[1]}) {