docs(themes): add missing docs around theme mixins

Closes #12622

Author: simeonoff

projects/igniteui-angular/src/lib/core/styles/themes/generators/_base.scss

@@ -10,8 +10,12 @@
 @use 'igniteui-theming/sass/themes' as *;
 @use 'igniteui-theming/sass/themes/charts' as *;
 
+////
 /// @group themes
 /// @access public
+/// @author <a href="https://github.com/simeonoff" target="_blank">Simeon Simeonoff</a>
+////
+
 /// Generates an Ignite UI for Angular global theme.
 /// @param {Map} $palette - An palette to be used by the global theme.
 /// @param {Map} $schema [$light-schema] - The schema used as basis for styling the components.
@@ -442,11 +446,10 @@
     }
 }
 
-/// @group themes
-/// @access public
-/// Creates a global material theme that can be used with light backgrounds.
+/// A wrapper around the theme mixin. Creates a global material theme that can be used with light backgrounds.
 /// @param {Map} $palette - An palette to be used by the global theme.
 /// @param {List} $exclude [( )] - A list of ig components to be excluded from the global theme styles.
+/// @see {mixin} theme
 @mixin light-theme(
     $palette,
     $exclude: (),
@@ -476,11 +479,10 @@
     );
 }
 
-/// @group themes
-/// @access public
-/// Creates a global material theme that can be used with dark backgrounds.
+/// A wrapper around the theme mixin. Creates a global material theme that can be used with dark backgrounds.
 /// @param {Map} $palette - An palette to be used by the global theme.
 /// @param {List} $exclude [( )] - A list of igx components to be excluded from the global theme styles.
+/// @see {mixin} theme
 @mixin dark-theme(
     $palette,
     $exclude: (),

projects/igniteui-angular/src/lib/core/styles/themes/generators/_bootstrap.scss

@@ -2,11 +2,16 @@
 @use '../schemas' as *;
 @use 'igniteui-theming/sass/color' as *;
 
+////
 /// @group themes
 /// @access public
-/// Creates a global bootstrap-like theme that can be used with light backgrounds.
+/// @author <a href="https://github.com/simeonoff" target="_blank">Simeon Simeonoff</a>
+////
+
+/// A wrapper around the theme mixin. Creates a global bootstrap-like theme that can be used with light backgrounds.
 /// @param {Map} $palette - An palette to be used by the global theme.
 /// @param {List} $exclude [( )] - A list of ig components to be excluded from the global theme styles.
+/// @see {mixin} theme
 @mixin bootstrap-light-theme(
     $palette,
     $exclude: (),
@@ -39,11 +44,10 @@
     );
 }
 
-/// @group themes
-/// @access public
-/// Creates a global bootstrap-like theme that can be used with dark backgrounds.
+/// A wrapper around the theme mixin. Creates a global bootstrap-like theme that can be used with dark backgrounds.
 /// @param {Map} $palette - An palette to be used by the global theme.
 /// @param {List} $exclude [( )] - A list of ig components to be excluded from the global theme styles.
+/// @see {mixin} theme
 @mixin bootstrap-dark-theme(
     $palette,
     $exclude: (),

projects/igniteui-angular/src/lib/core/styles/themes/generators/_fluent.scss

@@ -2,11 +2,16 @@
 @use '../schemas' as *;
 @use 'igniteui-theming/sass/color' as *;
 
+////
 /// @group themes
 /// @access public
-/// Creates a global fluent theme that can be used with light backgrounds.
+/// @author <a href="https://github.com/simeonoff" target="_blank">Simeon Simeonoff</a>
+////
+
+/// A wrapper around the theme mixin. Creates a global fluent theme that can be used with light backgrounds.
 /// @param {Map} $palette - An palette to be used by the global theme.
 /// @param {List} $exclude [( )] - A list of ig components to be excluded from the global theme styles.
+/// @see {mixin} theme
 @mixin fluent-light-theme(
     $palette,
     $exclude: (),
@@ -39,11 +44,10 @@
     );
 }
 
-/// @group themes
-/// @access public
-/// Creates a global fluent theme that can be used with dark backgrounds.
+/// A wrapper around the theme mixin. Creates a global fluent theme that can be used with dark backgrounds.
 /// @param {Map} $palette - An palette to be used by the global theme.
 /// @param {List} $exclude [( )] - A list of ig components to be excluded from the global theme styles.
+/// @see {mixin} theme
 @mixin fluent-dark-theme(
     $palette,
     $exclude: (),

projects/igniteui-angular/src/lib/core/styles/themes/generators/_indigo.scss

@@ -2,11 +2,16 @@
 @use '../schemas' as *;
 @use 'igniteui-theming/sass/color' as *;
 
+////
 /// @group themes
 /// @access public
-/// Creates a global indigo theme that can be used with light backgrounds.
+/// @author <a href="https://github.com/simeonoff" target="_blank">Simeon Simeonoff</a>
+////
+
+/// A wrapper around the theme mixin. Creates a global indigo theme that can be used with light backgrounds.
 /// @param {Map} $palette - An palette to be used by the global theme.
 /// @param {List} $exclude [( )] - A list of ig components to be excluded from the global theme styles.
+/// @see {mixin} theme
 @mixin indigo-light-theme(
     $palette,
     $exclude: (),
@@ -39,11 +44,10 @@
     );
 }
 
-/// @group themes
-/// @access public
-/// Creates a global indigo theme that can be used with dark backgrounds.
+/// A wrapper around the theme mixin. Creates a global indigo theme that can be used with dark backgrounds.
 /// @param {Map} $palette - An palette to be used by the global theme.
 /// @param {List} $exclude [( )] - A list of ig components to be excluded from the global theme styles.
+/// @see {mixin} theme
 @mixin indigo-dark-theme(
     $palette,
     $exclude: (),