fix: fixing color of buttons

src/nft/components/bag/Bag.tsx

@@ -315,6 +315,7 @@ const Bag = () => {
                 paddingY="10"
                 className={`${buttonTextMedium} ${commonButtonStyles}`}
                 backgroundColor="accentAction"
+                color="white"
                 textAlign="center"
                 onClick={() => {
                   isMobile && toggleBag()

src/nft/components/bag/BagFooter.css.ts

@@ -36,7 +36,7 @@ export const warningContainer = style([
 export const payButton = style([
   body,
   sprinkles({
-    background: 'blue400',
+    background: 'accentAction',
     border: 'none',
     borderRadius: '12',
     paddingY: '12',

src/nft/components/bag/BagHeader.tsx

@@ -13,10 +13,6 @@ const ClearButton = styled(ButtonText)`
   font-size: 14px;
   line-height: 16px;
   transition: 150ms ease color;
-
-  :hover {
-    color: ${({ theme }) => theme.accentActive};
-  }
 `
 const ControlRow = styled.div`
   align-items: center;

src/nft/components/collection/FilterButton.tsx

@@ -37,7 +37,7 @@ export const FilterButton = ({
       width={isMobile ? '44' : 'auto'}
       height="44"
       whiteSpace="nowrap"
-      color="textPrimary"
+      color="white"
     >
       <FilterIcon />
       {!isMobile ? (

src/nft/components/profile/view/ProfilePage.tsx

@@ -43,12 +43,19 @@ const SellModeButton = styled.button<{ active: boolean }>`
   gap: 8px;
   cursor: pointer;
   background-color: ${({ theme, active }) => (active ? theme.accentAction : theme.backgroundInteractive)};
-  color: ${({ theme }) => theme.textPrimary};
+  color: ${({ active, theme }) => (active ? 'white' : theme.textPrimary)};
   border: none;
   outline: none;
   &:hover {
     background-color: ${({ theme }) => theme.accentAction};
+    color: white;
   }
+
+  transition: ${({
+    theme: {
+      transition: { duration, timing },
+    },
+  }) => `${duration.fast} all ${timing.ease}`};
 `
 
 const ProfilePageColumn = styled(Column)`

src/nft/css/common.css.ts

@@ -41,7 +41,6 @@ export const commonButtonStyles = style([
   sprinkles({
     borderRadius: '12',
     transition: '250',
-    boxShadow: { hover: 'elevation' },
   }),
   {
     border: 'none',