Increase contrast between active/inactive sides of toggle switch.

diff --git a/apps/workbench/app/assets/stylesheets/collections.css.scss b/apps/workbench/app/assets/stylesheets/collections.css.scss
index c21e96d80fa86f8f3cc24179dfd31afb81f53578..2edd683511408271e9cb442566c4b3bc51a8fdf6 100644 (file)
--- a/apps/workbench/app/assets/stylesheets/collections.css.scss
+++ b/apps/workbench/app/assets/stylesheets/collections.css.scss
@@ -1,3 +1,16 @@
-// Place all the styles related to the Collections controller here.
-// They will automatically be included in application.css.
-// You can use Sass (SCSS) here: http://sass-lang.com/
+/*
+  "active" and "inactive" colors are too similar for a toggle switch
+  in the default bootstrap theme.
+  */
+
+$inactive-bg: #5bc0de;
+$active-bg: #39b3d7;
+
+.btn-group[data-toggle=buttons] label {
+    background-color: lighten($inactive-bg, 15%);
+}
+
+.btn-group[data-toggle=buttons] label.active {
+    background-color: $active-bg;
+    opacity: 1;
+}