From: Tom Clegg <tom@curoverse.com>
Date: Fri, 25 Apr 2014 20:42:40 +0000 (-0400)
Subject: Increase contrast between active/inactive sides of toggle switch.
X-Git-Tag: 1.1.0~2596^2~32^2~3
X-Git-Url: https://git.arvados.org/arvados.git/commitdiff_plain/a28be6d77750a6cbded994612d95ee973cb4c01e

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 c21e96d80f..2edd683511 100644
--- 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;
+}