[EXAMPLE] Changing Menu colour

I haven't been able to get on the SHAC course, so not sure if this is covered on there.

I don't like the Purple colour on the Menus and buttons when switched on, found if I use the following code in Vis. Graphics --> Edit Custom CSS
I was able to alter the colours in the interface. I change them to a Blue (#46638C)




body,
input,
button,
select,
textarea {
font-family: Arial, Helvetica, sans-serif;
}
.a {
color: #46638C;
}
.a:hover {
color: #ffffff;
}
.input-append .add-on,
.input-prepend .add-on,
.control-list,
.touch .nav {
border: 1px solid #ffffff;
}
.nav .a:hover,
.dark .nav .a:hover {
box-shadow: inset 0 0 1px 1px #ffffff;
}
.btn-info,
.btn-success,
.navbar-inner,
.datepicker .active,
.datepicker .active:hover,
.nav .active .a,
.nav .active .a:hover,
.nav .a.active,
.dark .btn-info,
.dark .btn-success,
.dark .datepicker .active,
.dark .datepicker .active:hover,
.dark .nav .active .a,
.dark .nav .active .a:hover,
.dark .nav .a.active {
background-color: #46638C;
background-image: -webkit-linear-gradient(#46638C, #46638C);
background-image: linear-gradient(#46638C, #46638C);
border-color: #46638C;
box-shadow: none;
}
.btn-info:hover,
.btn-success:hover,
.btn-info:active,
.btn-success:active,
.toggler .btn-success,
.dark .btn-info:hover,
.dark .btn-success:hover,
.dark .btn-info:active,
.dark .btn-success:active,
.dark .toggler .btn-success {
background-color: #46638C;
}
.well,
.modal,
.popover {
border: 1px solid #46638C;
box-shadow: none;
}
.navbar-inner,
.subtitle .current,
.subtitle .previous,
.dark .subtitle .current,
.dark .subtitle .previous {
color: #fff;
}
.subtitle .separator,
.dark .subtitle .separator {
color: #ddd;
}


This code works in both standard and dark mode.

 

Thanks for that, very helpful, the purple was terrible

 

I know the purple and green are the Corp colours, but they look bad with both Light and dark themes. Glad the css was of help