Fix typos

Author: fzaninotto

docs/Theming.md

@@ -396,7 +396,7 @@ const App = () => (
 
 With this setup, the default application theme depends on the user's system settings. If the user has chosen a dark mode in their OS, react-admin will use the dark theme. Otherwise, it will use the light theme.
 
-In addition, users can switch from one theme to the other using [the `<ToggleThemeButton>` component](./ToggleThemeButton.md), which appears in the AppBar as soon as you define a `daerkTheme` prop.
+In addition, users can switch from one theme to the other using [the `<ToggleThemeButton>` component](./ToggleThemeButton.md), which appears in the AppBar as soon as you define a `darkTheme` prop.
 
 ## Changing the Theme Programmatically
 

docs/ToggleThemeButton.md

@@ -16,16 +16,14 @@ It is enabled by default in the `<AppBar>` as soon as you define a dark theme vi
 
 ## Usage
 
-You can add the `<ToggleThemeButton>` to a custom App Bar:
+You can add the `<ToggleThemeButton>` to a custom [`<AppBar toolbar>`](./AppBar.md#toolbar):
 
 ```jsx
 // in src/MyAppBar.js
-import { AppBar, TitlePortal, ToggleThemeButton } from 'react-admin';
+import { AppBar, ToggleThemeButton } from 'react-admin';
 
 export const MyAppBar = () => (
-    <AppBar toolbar={<ToggleThemeButton />}>
-        <TitlePortal />
-    </AppBar>>
+    <AppBar toolbar={<ToggleThemeButton />} />
 );
 ```
 

packages/ra-ui-materialui/src/button/ToggleThemeButton.tsx

@@ -10,16 +10,13 @@ import { RaThemeOptions, useThemesContext, useTheme } from '../layout';
 /**
  * Button toggling the theme (light or dark).
  *
- * Uses the light and dark theme defined in the <Admin> component.
+ * Enabled by default in the <AppBar> when the <Admin> component has a darkMode.
  *
  * @example
- * import { AppBar, TitlePortal, ToggleThemeButton } from 'react-admin';
+ * import { AppBar, ToggleThemeButton } from 'react-admin';
  *
  * const MyAppBar = () => (
- *     <AppBar>
- *         <TitlePortal />
- *         <ToggleThemeButton />
- *     </AppBar>
+ *     <AppBar toolbar={<ToggleThemeButton />} />
  * );
  *
  * const MyLayout = props => <Layout {...props} appBar={MyAppBar} />;