@eclipse-scout/core 22.0.0-beta.10 → 22.0.1

package/dist/eclipse-scout-core-theme-dark.css

@@ -777,13 +777,13 @@ iframe {
   border-color: #71b0e8;
 }
 .button.selected:hover {
-  background-color: #4598e1;
-  border-color: #4598e1;
+  background-color: #94c4ee;
+  border-color: #94c4ee;
 }
 .button.selected.active,
 .button.selected:active {
-  background-color: #227fd1;
-  border-color: #227fd1;
+  background-color: #a6cdf1;
+  border-color: #a6cdf1;
 }
 .button.selected.has-popup {
   color: #71b0e8;
@@ -801,19 +801,19 @@ iframe {
   color: #0C1013;
 }
 .button.default:hover {
-  background-color: #4598e1;
-  border-color: #4598e1;
+  background-color: #94c4ee;
+  border-color: #94c4ee;
 }
 .button.default:active,
 .button.default.active {
   color: #0C1013;
-  background-color: #227fd1;
-  border-color: #227fd1;
+  background-color: #a6cdf1;
+  border-color: #a6cdf1;
 }
 .button.default.selected {
   color: #0C1013;
-  background-color: #227fd1;
-  border-color: #227fd1;
+  background-color: #a6cdf1;
+  border-color: #a6cdf1;
 }
 .button.default:focus {
   outline: none;
@@ -916,7 +916,7 @@ iframe {
 .box-content {
   border: 1px solid rgba(255, 255, 255, 0.12);
   border-radius: 12px;
-  background-color: #1F272B;
+  background-color: #283438;
   max-width: 450px;
   margin: 0 auto;
   padding: 45px 95px 50px 95px;
@@ -4113,6 +4113,9 @@ iframe {
 .view-tab.in-background {
   border-radius: 12px;
 }
+.view-tab > .edge {
+  position: absolute;
+}
 .view-tab.selected:not(.in-background) {
   margin: 8px 0 0;
   border-radius: 12px 12px 0 0;
@@ -8122,11 +8125,11 @@ iframe {
   background-color: #71b0e8;
 }
 .menu-item.selected:hover {
-  background-color: #4598e1;
+  background-color: #94c4ee;
 }
 .menu-item.selected.active,
 .menu-item.selected:active {
-  background-color: #227fd1;
+  background-color: #a6cdf1;
 }
 .menu-item.selected.has-popup {
   color: #71b0e8;
@@ -8303,13 +8306,13 @@ iframe {
   border-color: #71b0e8;
 }
 .menu-button.selected:hover {
-  background-color: #4598e1;
-  border-color: #4598e1;
+  background-color: #94c4ee;
+  border-color: #94c4ee;
 }
 .menu-button.selected.active,
 .menu-button.selected:active {
-  background-color: #227fd1;
-  border-color: #227fd1;
+  background-color: #a6cdf1;
+  border-color: #a6cdf1;
 }
 .menu-button.selected.has-popup {
   color: #71b0e8;
@@ -8327,19 +8330,19 @@ iframe {
   color: #0C1013;
 }
 .menu-button.default:hover {
-  background-color: #4598e1;
-  border-color: #4598e1;
+  background-color: #94c4ee;
+  border-color: #94c4ee;
 }
 .menu-button.default:active,
 .menu-button.default.active {
   color: #0C1013;
-  background-color: #227fd1;
-  border-color: #227fd1;
+  background-color: #a6cdf1;
+  border-color: #a6cdf1;
 }
 .menu-button.default.selected {
   color: #0C1013;
-  background-color: #227fd1;
-  border-color: #227fd1;
+  background-color: #a6cdf1;
+  border-color: #a6cdf1;
 }
 .menu-button.default:focus {
   outline: none;
@@ -8580,19 +8583,19 @@ iframe {
   color: #0C1013;
 }
 .combo-menu.menu-button.default > .menu-item:hover {
-  background-color: #4598e1;
-  border-color: #4598e1;
+  background-color: #94c4ee;
+  border-color: #94c4ee;
 }
 .combo-menu.menu-button.default > .menu-item:active,
 .combo-menu.menu-button.default > .menu-item.active {
   color: #0C1013;
-  background-color: #227fd1;
-  border-color: #227fd1;
+  background-color: #a6cdf1;
+  border-color: #a6cdf1;
 }
 .combo-menu.menu-button.default > .menu-item.selected {
   color: #0C1013;
-  background-color: #227fd1;
-  border-color: #227fd1;
+  background-color: #a6cdf1;
+  border-color: #a6cdf1;
 }
 .combo-menu.menu-button.default > .menu-item:focus {
   outline: none;
@@ -8603,8 +8606,8 @@ iframe {
   background-color: #0C1013;
 }
 .combo-menu.menu-button.default > .menu-item.selected {
-  background-color: #227fd1;
-  border-color: #227fd1;
+  background-color: #a6cdf1;
+  border-color: #a6cdf1;
 }
 .combo-menu.menu-button.default > .menu-item.disabled {
   color: rgba(255, 255, 255, 0.4);
@@ -8938,13 +8941,13 @@ iframe {
   background-color: #71b0e8;
 }
 .messagebox.info > .box-buttons > .box-button.default:hover {
-  background-color: #4598e1;
-  border-color: #4598e1;
+  background-color: #94c4ee;
+  border-color: #94c4ee;
 }
 .messagebox.info > .box-buttons > .box-button.default.active,
 .messagebox.info > .box-buttons > .box-button.default:active {
-  background-color: #227fd1;
-  border-color: #227fd1;
+  background-color: #a6cdf1;
+  border-color: #a6cdf1;
 }
 .messagebox.info > .box-buttons > .box-button.default.keyboard-navigation {
   outline: none;
@@ -8984,13 +8987,13 @@ iframe {
   background-color: #FF8888;
 }
 .messagebox.error > .box-buttons > .box-button.default:hover {
-  background-color: #ff6969;
-  border-color: #ff6969;
+  background-color: #ffa7a7;
+  border-color: #ffa7a7;
 }
 .messagebox.error > .box-buttons > .box-button.default.active,
 .messagebox.error > .box-buttons > .box-button.default:active {
-  background-color: #ff4646;
-  border-color: #ff4646;
+  background-color: #ffbbbb;
+  border-color: #ffbbbb;
 }
 .messagebox.error > .box-buttons > .box-button.default.keyboard-navigation {
   outline: none;
@@ -9030,13 +9033,13 @@ iframe {
   background-color: #FFBE6B;
 }
 .messagebox.warning > .box-buttons > .box-button.default:hover {
-  background-color: #ffb14c;
-  border-color: #ffb14c;
+  background-color: #ffd094;
+  border-color: #ffd094;
 }
 .messagebox.warning > .box-buttons > .box-button.default.active,
 .messagebox.warning > .box-buttons > .box-button.default:active {
-  background-color: #ffa129;
-  border-color: #ffa129;
+  background-color: #ffd9a8;
+  border-color: #ffd9a8;
 }
 .messagebox.warning > .box-buttons > .box-button.default.keyboard-navigation {
   outline: none;
@@ -9076,13 +9079,13 @@ iframe {
   background-color: #62e7ce;
 }
 .messagebox.ok > .box-buttons > .box-button.default:hover {
-  background-color: #47e3c6;
-  border-color: #47e3c6;
+  background-color: #85ecd9;
+  border-color: #85ecd9;
 }
 .messagebox.ok > .box-buttons > .box-button.default.active,
 .messagebox.ok > .box-buttons > .box-button.default:active {
-  background-color: #28debc;
-  border-color: #28debc;
+  background-color: #a0f0e1;
+  border-color: #a0f0e1;
 }
 .messagebox.ok > .box-buttons > .box-button.default.keyboard-navigation {
   outline: none;
@@ -11740,25 +11743,38 @@ Try these to switch between fonts:
   background-color: rgba(255, 255, 255, 0.18);
   color: #E9EBEB;
 }
-#scout .tooltip-status,
+#scout .tooltip-status {
+  visibility: visible;
+  cursor: pointer;
+}
+#scout .tooltip-status::before {
+  content: '\E002';
+  color: #A7ACAD;
+  font-size: 16px;
+}
+#scout .tooltip-status:hover::before {
+  background-color: rgba(255, 255, 255, 0.12);
+  color: #BFC2C3;
+}
+#scout .tooltip-status:active::before,
+#scout .tooltip-status.selected::before {
+  background-color: rgba(255, 255, 255, 0.18);
+  color: #BFC2C3;
+}
 #scout .info-status {
   visibility: visible;
   cursor: pointer;
 }
-#scout .tooltip-status::before,
 #scout .info-status::before {
   content: '\E002';
   color: #A7ACAD;
   font-size: 16px;
 }
-#scout .tooltip-status:hover::before,
 #scout .info-status:hover::before {
   background-color: rgba(255, 255, 255, 0.12);
   color: #BFC2C3;
 }
-#scout .tooltip-status:active::before,
 #scout .info-status:active::before,
-#scout .tooltip-status.selected::before,
 #scout .info-status.selected::before {
   background-color: rgba(255, 255, 255, 0.18);
   color: #BFC2C3;
@@ -12061,7 +12077,7 @@ Try these to switch between fonts:
 }
 .table.table-row-check.keyboard-navigation:focus > .table-data > .table-row.selected.checked,
 .table.table-row-check.keyboard-navigation.focused > .table-data > .table-row.selected.checked {
-  background-color: #4598e1;
+  background-color: #94c4ee;
 }
 .table.structured .table-row:not(.leaf) {
   background-color: #181C1F;
@@ -15284,17 +15300,20 @@ Try these to switch between fonts:
  * Login button is a default button -> styles are defined in main.css.
  * Difference to regular default button is the disabled style and the ability to turn red.
  */
-.login-button.default.login-error {
-  border-color: #D53F3F;
-  background-color: #D53F3F;
+.login-button.default.login-error:not(.disabled) {
+  border-color: transparent;
+  background-color: #FF8888;
+}
+.login-button.default.login-error:not(.disabled):hover {
+  background-color: #ffa7a7;
 }
-.login-button.default.login-error:hover {
-  background-color: #D53F3F;
-  border-color: #D53F3F;
+.login-button.default.login-error:not(.disabled):active {
+  background-color: #ffbbbb;
 }
-.login-button.default.login-error:active {
-  border-color: #D53F3F;
-  background-color: #ce2d2d;
+.login-button.default.login-error:not(.disabled):focus {
+  outline: none;
+  box-shadow: 0 0 0 3px #804444;
+  border-color: #9f5555;
 }
 .login-button.default.disabled {
   color: #0C1013;