forked from acouzens/open5gs
minjun changes color of both header and sidebar
This commit is contained in:
parent
5f98646b16
commit
be2b528d12
|
@ -13,8 +13,7 @@ const Wrapper = styled.div`
|
|||
height: 4rem;
|
||||
|
||||
color: white;
|
||||
background: ${oc.indigo[8]};
|
||||
border-bottom: 1px solid ${oc.indigo[9]};
|
||||
background: ${oc.indigo[9]};
|
||||
`;
|
||||
|
||||
const Menu = styled.div`
|
||||
|
|
|
@ -28,7 +28,7 @@ const Menu = styled.div`
|
|||
transition: height .2s ease-in-out;
|
||||
`}
|
||||
|
||||
background-color: ${oc.indigo[6]};
|
||||
background-color: ${oc.indigo[5]};
|
||||
box-shadow: 3px 3px 6px rgba(0,0,0,0.1), 3px 3px 6px rgba(0,0,0,0.2);
|
||||
`;
|
||||
|
||||
|
@ -41,13 +41,13 @@ const StyledItem = styled.div`
|
|||
|
||||
cursor: pointer;
|
||||
color: white;
|
||||
background: ${p => p.active ? oc.indigo[5] : oc.indigo[6]};
|
||||
background: ${p => p.active ? oc.indigo[7] : oc.indigo[5]};
|
||||
|
||||
border-left: ${p => p.active ? `12px solid ${oc.indigo[3]}` :
|
||||
`12px solid ${oc.indigo[7]}`};
|
||||
border-left: ${p => p.active ? `12px solid ${oc.indigo[6]}` :
|
||||
`12px solid ${oc.indigo[4]}`};
|
||||
|
||||
&:hover {
|
||||
background: ${p => p.active ? oc.indigo[5] : oc.indigo[7]};
|
||||
background: ${p => p.active ? oc.indigo[7] : oc.indigo[6]};
|
||||
}
|
||||
`;
|
||||
|
||||
|
|
Loading…
Reference in New Issue