docs(basic-usage): added global options section

Author: vmarcosp

docs/2-basic-usage.md

@@ -1,6 +1,7 @@
 [← Back](./1-setup.md) / [Next →](./3-api-reference.md)
 
 # 2. Basic Usage
+- [Understanding customizations](2-basic-usage.md#understanding-customizations)
 - [Usage of index.tsx](2-basic-usage.md#usage-of-indextsx)
 - [Integrating with tmux.conf](2-basic-usage.md#integrating-with-your-tmuxconf)
 - [BetterTmux packages](2-basic-usage.md#bettertmux-packages-better-tmux)
@@ -9,7 +10,7 @@ As we did previously, you used a template to set up your config. This template i
 
 From this template, the only thing you need to focus on is the `index.tsx`; the rest works like any JavaScript project.
 
-## Understading the customization
+## Understanding customizations
 After cloning and setting up your config using our template, you'll end up with something like that in your config:
 ```typescript
 import { BetterTmuxConfig, Box, WindowConfig, useTheme } from 'better-tmux'
@@ -113,6 +114,38 @@ export default {
 ```
 Additionally, you can modify other aspects of the status, like `bg` (background color) or even its position. To see more, check out the [API reference of the object config](https://github.com/bettervim/better-tmux/blob/main/docs/3-api-reference.md#configuration).
 
+### Themes
+As you might have noticed, BetterTmux can handle themes, which is an important part of your configuration. If you've used TMUX for a while, you'll know that changing your TMUX theme often means changing your TMUX layout as well. However, BetterTmux handles theme changes without affecting the UI.
+
+Whether you're switching your status bar using pre-built widgets or building your own, if you want to change the theme to fit your config (like vim or terminal), all you need to do is change the `theme` field in the configuration.
+
+To ensure your customizations remain consistent with the current theme, use the `useTheme` hook like we did in the example above:
+```typescript
+const CustomStatusLeft = () => {
+  const theme = useTheme()
+
+  return (
+    <Box>
+      <Hostname />
+      <Box bg={theme.primary} padding={1}>🚀</Box>
+      <Box bg={theme.background} fg={theme.foreground} padding={1}>Test</Box>
+    </Box>
+
+  )
+}
+```
+
+### Setting global options
+
+A common task when creating a `tmux.conf` is setting global options. This probably makes up 50% of your config, right? BetterTmux offers a way to do that via the `options` object. For example, if you need to set a title for your session, you would use `tmux set -g set-titles-string "title :)"`. With BetterTmux, you can do it like this:
+```typescript
+export default {
+  options: { setTitlesString: "title :)" }
+}
+```
+
+Check out the `options` [API Reference](https://github.com/bettervim/better-tmux/blob/main/docs/3-api-reference.md#configuration) to see more.
+
 ## Usage of `index.tsx`
 
 The main configuration file for BetterTmux is `index.tsx`. This file is where you define your tmux setup using TypeScript and JSX. You'll notice that this file exports an object with your customizations. These configurations are read by the BetterTmux CLI and do the magic for you. To better understand the flow, it's basically like this: