tinting right pane for visual distinction

This commit is contained in:
Roland Osborne 2024-03-13 14:30:57 -07:00
parent fa9c08222d
commit d7046fb531
4 changed files with 7 additions and 7 deletions

View File

@ -5,7 +5,7 @@ export const AccountWrapper = styled.div`
width: 100%;
display: flex;
flex-direction: column;
background-color: ${props => props.theme.selectedArea};
background-color: ${props => props.theme.itemArea};
color: ${props => props.theme.mainText};
.header {

View File

@ -38,7 +38,7 @@ export const ProfileWrapper = styled.div`
flex-direction: column;
align-items: center;
overflow: hidden;
background-color: ${props => props.theme.selectedArea};
background-color: ${props => props.theme.itemArea};
.title {
font-size: 18px;
@ -108,7 +108,7 @@ export const ProfileWrapper = styled.div`
align-items: center;
border-radius: 4px;
padding: 8px;
background-color: ${props => props.theme.selectedArea};
background-color: ${props => props.theme.itemArea};
.details {
align-items: center;
@ -122,7 +122,7 @@ export const ProfileWrapper = styled.div`
.contentFill {
flex-grow: 1;
background-color: ${props => props.theme.selectedArea};
background-color: ${props => props.theme.itemArea};
}
}

View File

@ -7,7 +7,7 @@ export const AccountAccessWrapper = styled.div`
justify-content: center;
padding-bottom: 8px;
width: 100%;
background-color: ${props => props.theme.selectedArea};
background-color: ${props => props.theme.itemArea};
color: ${props => props.theme.mainText};
.account {
@ -39,7 +39,7 @@ export const AccountAccessWrapper = styled.div`
.label {
padding-right: 16px;
min-width: 33%;
min-width: 35%;
height: 28px;
display: flex;
align-items: center;

View File

@ -5,7 +5,7 @@ export const DetailsWrapper = styled.div`
width: 100%;
display: flex;
flex-direction: column;
background-color: ${props => props.theme.selectedArea};
background-color: ${props => props.theme.itemArea};
color: ${props => props.theme.mainText};
.actions {