tinting right pane for visual distinction

balzack · Mar 13, 2024 · d7046fb · d7046fb
1 parent fa9c082
commit d7046fb
Show file tree

Hide file tree

Showing 4 changed files with 7 additions and 7 deletions.
diff --git a/net/web/src/session/account/Account.styled.js b/net/web/src/session/account/Account.styled.js
@@ -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 {

diff --git a/net/web/src/session/account/profile/Profile.styled.js b/net/web/src/session/account/profile/Profile.styled.js
@@ -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};
     }
   }
 

diff --git a/net/web/src/session/account/profile/accountAccess/AccountAccess.styled.js b/net/web/src/session/account/profile/accountAccess/AccountAccess.styled.js
@@ -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;

diff --git a/net/web/src/session/details/Details.styled.js b/net/web/src/session/details/Details.styled.js
@@ -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 {