docs: Rename theme variables to global variables

Author: szuperaz

docusaurus/docs/Angular/code-examples/emoji-picker.mdx

@@ -120,7 +120,7 @@ We create a button that can be used to toggle the emoji picker.
 
 The [`emoji-mart`](https://www.npmjs.com/package/@ctrl/ngx-emoji-mart) component has a lot of configuration options, feel free to explore those.
 
-We set the `color` input to `--str-chat__primary-color` defined in the [stream-chat-css theme](../theming/theme-variables.mdx).
+We set the `color` input to `--str-chat__primary-color` defined in the [stream-chat-css theme](../theming/global-variables.mdx).
 
 The [`ngIf`](https://angular.io/api/common/NgIf) directive is used to hide/show the emoji picker.
 
@@ -157,7 +157,7 @@ The `emojiSelect` event is fired when a user selects an emoji, we emit the selec
 
 5. Component styles
 
-If you want to match the color of the emoji picker toggle button to the other tool buttons in the message input, you can use the `--str-chat__message-input-tools-color` to do that as defined in the [stream-chat-css theme](../theming/theme-variables.mdx)
+If you want to match the color of the emoji picker toggle button to the other tool buttons in the message input, you can use the `--str-chat__message-input-tools-color` to do that as defined in the [stream-chat-css theme](../theming/global-variables.mdx)
 
 ```scss
 .emoji-picker-container {