Merge pull request #10577 from IgniteUI/mpopov/pane-bg-color

fix(doc-manager): change pane transparent background to solid.

Author: kdinev

projects/igniteui-angular/src/lib/core/styles/themes/schemas/dark/_dock-manager.scss

@@ -12,7 +12,6 @@
 /// @prop {Color} dock-background [igx-color: ('grays', 50)] - Sets the background color of the dock manager.
 /// @prop {Color} background-color [igx-color: ('grays', 50)] - Sets the base dock manager color as well as the pane headers and tabs background colors.
 /// @prop {Color} pane-header-background [igx-color: ('grays', 50)] - Sets the background color for pane headers.
-/// @prop {Color} pane-content-background [igx-color: ('grays', 100, .3)] - Sets the background color of the content panes.
 /// @prop {Color} border-color [igx-color: ('grays', 100)] - Sets the global border color in the dock manager. Also sets the pane content background and the context menu active background colors.
 /// @prop {Color} floating-pane-border-color [igx-color: ('grays', 50)] - Sets the border color for floating panes.
 /// @prop {Color} joystick-background [igx-color: ('grays', 100)] - Sets the background color of the joystick.
@@ -44,10 +43,6 @@ $dark-base-dock-manager: (
         igx-color: ('grays', 50)
     ),
 
-    pane-content-background: (
-        igx-color: ('grays', 100, .3)
-    ),
-
     border-color: (
         igx-color: ('grays', 100)
     ),

projects/igniteui-angular/src/lib/core/styles/themes/schemas/light/_dock-manager.scss

@@ -27,7 +27,7 @@
 /// @prop {Color} joystick-border-color [igx-color: ('grays', 300)] - Sets the border color of the joystick.
 /// @prop {Color} joystick-icon-color [igx-color: ('grays', 600)] - Sets the color for the joystick icons.
 /// @prop {Color} joystick-icon-color-active [igx-contrast-color: 'surface'] - Sets the color of the active joystick icons.
-/// @prop {Color} pane-content-background [igx-color: ('primary', 100)] - Sets the background color of the content panes.
+/// @prop {Color} pane-content-background [igx-color: ('surface')] - Sets the background color of the content panes.
 /// @prop {Color} pane-content-text [null] - Sets the text color of the content panes.
 /// @prop {Color} pane-header-background [null] - Sets the background color for pane headers.
 /// @prop {Color} pane-header-text [null] - Sets the text color for pane headers.