X-Git-Url: http://www.aleph1.co.uk/gitweb/?p=yaffs-website;a=blobdiff_plain;f=web%2Fcore%2Fmodules%2Fsettings_tray%2Fcss%2Fsettings_tray.theme.css;fp=web%2Fcore%2Fmodules%2Fsettings_tray%2Fcss%2Fsettings_tray.theme.css;h=d906bda7729d5bbe50ff4d2036abf65576bf6f53;hp=9c40c74dfd9e145c87be90b1e4f0b754818151db;hb=af6d1fb995500ae68849458ee10d66abbdcfb252;hpb=680c79a86e3ed402f263faeac92e89fb6d9edcc0

diff --git a/web/core/modules/settings_tray/css/settings_tray.theme.css b/web/core/modules/settings_tray/css/settings_tray.theme.css
index 9c40c74df..d906bda77 100644
--- a/web/core/modules/settings_tray/css/settings_tray.theme.css
+++ b/web/core/modules/settings_tray/css/settings_tray.theme.css
@@ -9,7 +9,7 @@
 
 /* Style the edit mode toolbar and tabs. */
 #toolbar-bar.js-settings-tray-edit-mode {
-  background-image: linear-gradient(to bottom,#0c97ed,#1f86c7);
+  background-image: linear-gradient(to bottom, #0a7bc1, #0a6eb4);
 }
 .js-settings-tray-edit-mode .toolbar-item:not(.toolbar-icon-edit) {
   color: #999;
@@ -22,9 +22,9 @@
 .toolbar-tab > .toolbar-icon.toolbar-icon-edit.toolbar-item,
 .toolbar-tab > .toolbar-icon.toolbar-icon-edit.toolbar-item.is-active,
 .toolbar-tab > .toolbar-icon.toolbar-icon-edit.toolbar-item:focus {
-  background-color: #50a0e9;
-  background-image: linear-gradient(to bottom, #007bc6, #0071b8);
-  color: #ddd;
+  background-color: #0066a1;
+  background-image: linear-gradient(to bottom, #0066a1, #005b98);
+  color: #eee;
   text-shadow: none;
   font-weight: bold;
   outline: none;
@@ -32,13 +32,13 @@
 /* Make the hover of the inactive state the same as the active state. */
 .toolbar-tab > .toolbar-icon.toolbar-icon-edit.toolbar-item:hover,
 .toolbar-tab > .toolbar-icon.toolbar-icon-edit.toolbar-item.is-active {
-  background-image: linear-gradient(to bottom, #0c97ed, #1f86c7);
+  background-image: linear-gradient(to bottom, #0a7bc1, #0a6eb4);
   color: #fff;
 }
 /* Make the hover of the active state the same as the inactive state. */
 .toolbar-tab > .toolbar-icon.toolbar-icon-edit.toolbar-item.is-active:hover {
-  background-color: #2369a6;
-  background-image: linear-gradient(to bottom, #007bc6, #0071b8);
+  background-color: #0066a1;
+  background-image: linear-gradient(to bottom, #0066a1, #005b98);
   color: #fff;
 }
 /* Make the inactive icon grey. */
@@ -60,11 +60,11 @@
 }
 
 /* Style the editables while in edit mode. */
-.dialog-off-canvas__main-canvas.js-settings-tray-edit-mode .settings-tray-editable {
-  outline: 1px dashed rgba(0,0,0,0.5);
-  box-shadow: 0 0 0 1px rgba(255,255,255,0.7);
+.dialog-off-canvas-main-canvas.js-settings-tray-edit-mode .settings-tray-editable {
+  outline: 1px dashed rgba(0, 0, 0, 0.5);
+  box-shadow: 0 0 0 1px rgba(255, 255, 255, 0.7);
 }
-.dialog-off-canvas__main-canvas.js-settings-tray-edit-mode .settings-tray-editable:hover,
-.dialog-off-canvas__main-canvas.js-settings-tray-edit-mode .settings-tray-editable.settings-tray-active-editable {
-  background-color: rgba(0,0,0,0.2);
+.dialog-off-canvas-main-canvas.js-settings-tray-edit-mode .settings-tray-editable:hover,
+.dialog-off-canvas-main-canvas.js-settings-tray-edit-mode .settings-tray-editable.settings-tray-active-editable {
+  background-color: rgba(0, 0, 0, 0.2);
 }