fix(yalb-1461): change --gin-bg-app and ::selection colors

web/themes/custom/ys_admin_theme/scss/gin-color-overrides.scss

@@ -43,7 +43,7 @@
     --gin-border-color-table-header: var(--darkest-gray) !important;
     --gin-bg-input: #fff !important;
     --gin-border-color-form-element: var(--light-gray) !important;
-    --gin-bg-app: var(--dark-theme-gray-light);
+    --gin-bg-app: #707070;
     --gin-color-text-light: var(--light-gray);
     --gin-color-primary-light-active: var(--robin-egg);
     --gin-icon-color: var(--dark-gin-icon-color);

web/themes/custom/ys_admin_theme/scss/gin-custom.scss

@@ -13,6 +13,10 @@
   }
 }
 
+::selection {
+  background: var(--mediterranean-blue) !important;
+  color: var(--wool) !important;
+}
 
 .block-help-block {
   color: var(--wool);
@@ -47,11 +51,20 @@
   color: var(--wool);
 }
 
+.gin-secondary-toolbar {
+  margin: 0 !important;
+  padding-inline: 3rem !important;
+}
+
 .gin-secondary-toolbar .toolbar-secondary .toolbar-bar .toolbar-tab .toolbar-tray a:hover, 
 .gin-secondary-toolbar .toolbar-secondary .toolbar-bar .toolbar-tab .toolbar-tray a:active {
   background-color: var(--dark-theme-gray);
 }
 
+.gin-secondary-toolbar.layout-container {
+  background-color: var(--gin-bg-layer);
+}
+
 .page-title {
   color: var(--wool) !important;
 }
@@ -223,7 +236,7 @@ a.menu-item__link {
 .tabs__link,
 .claro-details__summary,
 .horizontal-tabs ul.horizontal-tabs-list li.horizontal-tab-button a {
-  color: var(--gin-color-text-light) !important;
+  color: var(--wool) !important;
 }
 
 .update-manager-install-form {
@@ -537,9 +550,6 @@ html.js.no-touchevents .dropbutton--extrasmall {
   background-color: transparent !important;
 }
 
-.gin-secondary-toolbar.layout-container {
-  background-color: var(--gin-bg-layer);
-}
 
 body:not(.toolbar-tray-open) .layout-container {
   padding-left: var(--gin-spacing-m);