refactor(query-builder): docs and code style

Author: simeonoff

sass/themes/schemas/components/dark/_query-builder.scss

@@ -12,8 +12,8 @@
 /// @prop {Map} subquery-header-background [color: ('gray', 50)] - The background color of the subquery header.
 /// @prop {Map} subquery-border-color [color: ('gray', 200)] - The border color of the query block.
 /// @prop {Map} separator-color [color: ('gray', 200)] - The separator color of the query block.
-/// @prop {Color} color-expression-group-and [#DA64FF] - The color of advanced filtering "AND" condition group.
-/// @prop {Color} color-expression-group-or [#19AD87] - The color of advanced filtering "OR" condition group.
+/// @prop {Color} color-expression-group-and [#da64ff] - The color of advanced filtering "AND" condition group.
+/// @prop {Color} color-expression-group-or [#19ad87] - The color of advanced filtering "OR" condition group.
 $dark-query-builder: (
     subquery-header-background: (
         color: (
@@ -37,6 +37,7 @@ $dark-query-builder: (
     ),
 
     color-expression-group-and: #da64ff,
+
     color-expression-group-or: #19ad87,
 );
 
@@ -90,19 +91,22 @@ $dark-indigo-query-builder: extend(
                 50,
             ),
         ),
+
         header-background: (
             color: (
                 'gray',
                 50,
             ),
         ),
+
         subquery-header-background: (
             contrast-color: (
                 'gray',
                 50,
                 0.05,
             ),
         ),
+
         subquery-border-color: (
             color: (
                 'gray',

sass/themes/schemas/components/light/_query-builder.scss

@@ -19,8 +19,8 @@
 /// @prop {Map} separator-color [color: ('gray', 300)] - The separator color of the query builder tree block.
 /// @prop {Map} subquery-header-background [color: ('gray, 100')] - The background color of the subquery header.
 /// @prop {Map} subquery-border-color [color: ('gray', 300)] - The border color of the subquery block.
-/// @prop {Color} color-expression-group-and [#DA64FF] - The color of advanced filtering "AND" condition group.
-/// @prop {Color} color-expression-group-or [#048261] - The color of advanced filtering "OR" condition group.
+/// @prop {Color} color-expression-group-and [#9c27b0] - The color of advanced filtering "AND" condition group.
+/// @prop {Color} color-expression-group-or [#007254] - The color of advanced filtering "OR" condition group.
 /// @prop {Number} subquery-border-radius [rem(12px)] - The border radius of the subquery block.
 /// @prop {Number} border-radius [rem(4px)] - The border radius of the query builder.
 /// @requires {Map} $default-elevation-query-builder