global themes -- text

[caitobrien]

package fresh should do this easily but something is off with the sidepanel adjustments. Only allows for bg color change and not he hover feature. Could look into CSS code to change elements individually-- see started code (needs work)

`/* Change the header color */
.skin-blue .main-header .logo,
.skin-blue .main-header .navbar {
  background-color: #556b2f;
}

/* Change the box color to white */
.box.box-primary {
  background-color: white;
  border-color: #556b2f;
}

/* Change the box header color to forest green */
.box.box-primary > .box-header {
  background-color: #556b2f;
  border-color: #556b2f;
}

/* Change the hover highlight color of the header to soft grey */
.skin-blue .main-header .navbar .nav > li > a:hover,
.skin-blue .main-header .navbar .nav > li > a:active,
.skin-blue .main-header .navbar .nav > li > a:focus {
  background: #F8F8F8;
  border-color: #F8F8F8;
}

/* Other existing CSS rules... */

/* Change the primary color */
.skin-blue .main-header .navbar .nav > li > a:hover,
.skin-blue .main-header .navbar .nav > li > a:active,
.skin-blue .main-header .navbar .nav > li > a:focus,
.skin-blue .main-sidebar .sidebar .sidebar-menu > li:hover > a,
.skin-blue .main-sidebar .sidebar .sidebar-menu > li.active > a,
.form-control:focus,
.nav-tabs-custom .nav-tabs li.active,

/* Change the content and sidebar background color */
.content-wrapper, .right-side,
.skin-blue .main-sidebar {
  background-color: white;
}

/* Change the sidebar text color */
.skin-blue .main-sidebar .sidebar .sidebar-menu .treeview-menu > li > a,
.skin-blue .main-sidebar .sidebar .sidebar-menu > li > a {
  color: black;
}

/* Change the hover highlight color */
.skin-blue .main-header .navbar .nav > li > a:hover,
.skin-blue .main-header .navbar .nav > li > a:active,
.skin-blue .main-header .navbar .nav > li > a:focus,
.skin-blue .main-sidebar .sidebar .sidebar-menu > li:hover > a,
.skin-blue .main-sidebar .sidebar .sidebar-menu > li.active > a,
.skin-blue .main-sidebar .sidebar .sidebar-menu .treeview-menu > li > a:hover,
.form-control:focus {
  background: #F8F8F8;
  border-color: #F8F8F8;
}

[caitobrien]

Mostly closed -- but need to look into changing base text size to 16? Might be a Kevin task?