gcg/static-cms
0
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

Change to dark sidebar

Browse Source
This commit is contained in:
Rafael Conde 2017-05-03 08:32:54 -07:00 committed by Shawn Erquhart
parent ff2a045192
commit 19f34c81d2
2 changed files with 7 additions and 5 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
src/components/UI/theme.css
View File

@ -16,7 +16,7 @@
--dropShadow: 0 2px 4px 0 rgba(19, 39, 48, .12); --dropShadow: 0 2px 4px 0 rgba(19, 39, 48, .12);
--topmostZindex: 99999; --topmostZindex: 99999;
--foregroundAltColor: #fff; --foregroundAltColor: #fff;
--backgroundAltColor: #f8f9fa; --backgroundAltColor: #313d3e;
--textFieldBorderColor: #e7e7e7; --textFieldBorderColor: #e7e7e7;
--highlightFGColor: #fff; --highlightFGColor: #fff;
--highlightBGColor: #3ab7a5; --highlightBGColor: #3ab7a5;

10
src/containers/Sidebar.css
View File

@ -5,13 +5,15 @@
} }
.sidebar { .sidebar {
width: 220px;
background-color: #fff;
padding: 0 16px; padding: 0 16px;
width: 220px;
background-color: var(--backgroundAltColor);
color: var(--defaultColorLight);
} }
.heading { .heading {
margin-bottom: 8px; margin-bottom: 8px;
color: var(--defaultColorLight);
} }
.nav { .nav {
@ -19,14 +21,14 @@
} }
.linkWrapper { .linkWrapper {
color: var(--defaultColor); color: #fff;
border-radius: var(--borderRadius); border-radius: var(--borderRadius);
display: flex; display: flex;
align-items: center; align-items: center;
justify-content: space-between; justify-content: space-between;
&:hover { &:hover {
background-color: var(--defaultColorLight); background-color: var(--textColor);
} }
} }