Skip to content

Commit

Permalink
fix(tx-builder-colors): adjust transaction library colors across all …
Browse files Browse the repository at this point in the history
…theme modes
clovisdasilvaneto committed Oct 10, 2024
1 parent a812f11 commit 8e60f03
Showing 2 changed files with 12 additions and 2 deletions.
2 changes: 1 addition & 1 deletion apps/tx-builder/src/components/GenericModal.tsx
Original file line number Diff line number Diff line change
@@ -50,7 +50,7 @@ const FooterSection = styled.div`
`

const ModalPaper = styled.div`
background: ${({ theme }) => theme.palette.background.main};
background: ${({ theme }) => theme.palette.background.paper};
color: ${({ theme }) => theme.palette.text.primary};
`

12 changes: 11 additions & 1 deletion apps/tx-builder/src/pages/TransactionLibrary.tsx
Original file line number Diff line number Diff line change
@@ -53,7 +53,7 @@ const TransactionLibrary = () => {
<StyledAccordionSummary>
{/* transactions count */}
<TransactionCounterDot color="primary">
<Text>{batch.transactions.length}</Text>
<StyledDotText>{batch.transactions.length}</StyledDotText>
</TransactionCounterDot>

{/* editable batch name */}
@@ -202,6 +202,12 @@ const StyledAccordion = styled(Accordion)`
const StyledAccordionSummary = styled(AccordionSummary)`
height: 64px;
&.MuiAccordionSummary-root,
&.MuiAccordionSummary-root.Mui-expanded,
&.MuiAccordionSummary-root:hover {
background-color: ${({ theme }) => theme.palette.background.paper};
}
& > .MuiAccordionSummary-content {
display: flex;
align-items: center;
@@ -221,6 +227,10 @@ const TransactionCounterDot = styled(Dot)`
flex-shrink: 0;
`

const StyledDotText = styled(Text)`
color: ${({ theme }) => theme.palette.background.paper};
`

const StyledBatchTitle = styled.div`
padding-left: 4px;
min-width: 10px;

0 comments on commit 8e60f03

Please sign in to comment.