From a28be6d77750a6cbded994612d95ee973cb4c01e Mon Sep 17 00:00:00 2001 From: Tom Clegg Date: Fri, 25 Apr 2014 16:42:40 -0400 Subject: [PATCH] Increase contrast between active/inactive sides of toggle switch. --- .../assets/stylesheets/collections.css.scss | 19 ++++++++++++++++--- 1 file changed, 16 insertions(+), 3 deletions(-) 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; +} -- 2.30.2