Sidebar

  1. Go to: Site administration → Appearance → Themes → space
  2. Open Sidebar tab

To customize sidebar background color, links, icons you have to add custom CSS Site administration → Appearance → Themes → space → Advanced → Raw SCSS

You can use in-build browser developer tool - Web/Site inspector to check class names.


How to change icons color?

#nav-drawer .c-flat-nav a .icon { color: red; opacity: 0.6; }
#nav-drawer .c-flat-nav a { color: #000; }

How to change navigation box background color?

.c-flat-nav {
    background-color: #fff;
    -webkit-box-shadow: rgba(0,0,0,.05) 0 1px 0, rgba(0,0,0,.05) 0 2px 6px, rgba(0,0,0,.05) 0 10px 20px;
    box-shadow: rgba(0,0,0,.05) 0 1px 0, rgba(0,0,0,.05) 0 2px 6px, rgba(0,0,0,.05) 0 10px 20px;
}

How to change sidebar background color?

#nav-drawer { background-color: #f8f8f8; }

Color customization for non-programmers will be added to version 1.9.0