Updated to Drupal 8.5. Core Media not yet in use.
[yaffs-website] / web / core / modules / settings_tray / css / settings_tray.theme.css
index 9c40c74dfd9e145c87be90b1e4f0b754818151db..d906bda7729d5bbe50ff4d2036abf65576bf6f53 100644 (file)
@@ -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;
 /* 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. */
 }
 
 /* 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);
 }