diff --git a/example/src/DrawerItems.tsx b/example/src/DrawerItems.tsx
index 2d3ca6c202..44d5163cbf 100644
--- a/example/src/DrawerItems.tsx
+++ b/example/src/DrawerItems.tsx
@@ -9,16 +9,15 @@ import {
   Button,
   Dialog,
   Drawer,
-  MD2Colors,
   MD3Colors,
   Switch,
   Text,
   TouchableRipple,
   Portal,
+  useTheme,
 } from 'react-native-paper';
 
 import { deviceColorsSupported, isWeb } from '../utils';
-import { useExampleTheme } from './hooks/useExampleTheme';
 import { PreferencesContext } from './PreferencesContext';
 
 const DrawerItemsData = [
@@ -96,7 +95,7 @@ function DrawerItems() {
 
   const _setDrawerItem = (index: number) => setDrawerItemIndex(index);
 
-  const { isV3, colors } = useExampleTheme();
+  const { colors } = useTheme();
   const isIOS = Platform.OS === 'ios';
   const expoGoExecution =
     Constants.executionEnvironment === ExecutionEnvironment.StoreClient;
@@ -107,7 +106,6 @@ function DrawerItems() {
     toggleShouldUseDeviceColors,
     toggleTheme,
     toggleRtl: toggleRTL,
-    toggleThemeVersion,
     toggleCollapsed,
     toggleCustomFont,
     toggleRippleEffect,
@@ -137,14 +135,10 @@ function DrawerItems() {
   };
 
   const coloredLabelTheme = {
-    colors: isV3
-      ? {
-          secondaryContainer: MD3Colors.tertiary80,
-          onSecondaryContainer: MD3Colors.tertiary20,
-        }
-      : {
-          primary: MD2Colors.tealA200,
-        },
+    colors: {
+      secondaryContainer: MD3Colors.tertiary80,
+      onSecondaryContainer: MD3Colors.tertiary20,
+    },
   };
 
   return (
@@ -157,7 +151,7 @@ function DrawerItems() {
         },
       ]}
     >
-      {isV3 && collapsed && (
+      {collapsed && (
         <Drawer.Section style={styles.collapsedSection}>
           {DrawerCollapsedItemsData.map((props, index) => (
             <Drawer.CollapsedItem
@@ -187,9 +181,9 @@ function DrawerItems() {
           </Drawer.Section>
 
           <Drawer.Section title="Preferences">
-            {deviceColorsSupported && isV3 ? (
+            {deviceColorsSupported ? (
               <TouchableRipple onPress={toggleShouldUseDeviceColors}>
-                <View style={[styles.preference, isV3 && styles.v3Preference]}>
+                <View style={styles.preference}>
                   <Text variant="labelLarge">Use device colors *</Text>
                   <View pointerEvents="none">
                     <Switch value={shouldUseDeviceColors} />
@@ -198,7 +192,7 @@ function DrawerItems() {
               </TouchableRipple>
             ) : null}
             <TouchableRipple onPress={toggleTheme}>
-              <View style={[styles.preference, isV3 && styles.v3Preference]}>
+              <View style={styles.preference}>
                 <Text variant="labelLarge">Dark Theme</Text>
                 <View pointerEvents="none">
                   <Switch value={isDarkTheme} />
@@ -208,7 +202,7 @@ function DrawerItems() {
 
             {!isWeb && (
               <TouchableRipple onPress={_handleToggleRTL}>
-                <View style={[styles.preference, isV3 && styles.v3Preference]}>
+                <View style={styles.preference}>
                   <Text variant="labelLarge">RTL</Text>
                   <View pointerEvents="none">
                     <Switch value={isRTL} />
@@ -217,39 +211,26 @@ function DrawerItems() {
               </TouchableRipple>
             )}
 
-            <TouchableRipple onPress={toggleThemeVersion}>
-              <View style={[styles.preference, isV3 && styles.v3Preference]}>
-                <Text variant="labelLarge">MD 2</Text>
+            <TouchableRipple onPress={toggleCollapsed}>
+              <View style={styles.preference}>
+                <Text variant="labelLarge">Collapsed drawer *</Text>
                 <View pointerEvents="none">
-                  <Switch value={!isV3} />
+                  <Switch value={collapsed} />
                 </View>
               </View>
             </TouchableRipple>
 
-            {isV3 && (
-              <TouchableRipple onPress={toggleCollapsed}>
-                <View style={[styles.preference, isV3 && styles.v3Preference]}>
-                  <Text variant="labelLarge">Collapsed drawer *</Text>
-                  <View pointerEvents="none">
-                    <Switch value={collapsed} />
-                  </View>
-                </View>
-              </TouchableRipple>
-            )}
-
-            {isV3 && (
-              <TouchableRipple onPress={toggleCustomFont}>
-                <View style={[styles.preference, isV3 && styles.v3Preference]}>
-                  <Text variant="labelLarge">Custom font *</Text>
-                  <View pointerEvents="none">
-                    <Switch value={customFontLoaded} />
-                  </View>
+            <TouchableRipple onPress={toggleCustomFont}>
+              <View style={styles.preference}>
+                <Text variant="labelLarge">Custom font *</Text>
+                <View pointerEvents="none">
+                  <Switch value={customFontLoaded} />
                 </View>
-              </TouchableRipple>
-            )}
+              </View>
+            </TouchableRipple>
 
             <TouchableRipple onPress={toggleRippleEffect}>
-              <View style={[styles.preference, isV3 && styles.v3Preference]}>
+              <View style={styles.preference}>
                 <Text variant="labelLarge">
                   {isIOS ? 'Highlight' : 'Ripple'} effect *
                 </Text>
@@ -259,7 +240,7 @@ function DrawerItems() {
               </View>
             </TouchableRipple>
           </Drawer.Section>
-          {isV3 && !collapsed && (
+          {!collapsed && (
             <Text variant="bodySmall" style={styles.annotation}>
               * - available only for MD3
             </Text>
@@ -301,9 +282,6 @@ const styles = StyleSheet.create({
     justifyContent: 'space-between',
     alignItems: 'center',
     paddingVertical: 12,
-    paddingHorizontal: 16,
-  },
-  v3Preference: {
     height: 56,
     paddingHorizontal: 28,
   },
diff --git a/example/src/ExampleList.tsx b/example/src/ExampleList.tsx
index 016f085caa..5c00ad6c16 100644
--- a/example/src/ExampleList.tsx
+++ b/example/src/ExampleList.tsx
@@ -2,7 +2,7 @@ import * as React from 'react';
 import { FlatList } from 'react-native';
 
 import type { StackNavigationProp } from '@react-navigation/stack';
-import { Divider, List } from 'react-native-paper';
+import { Divider, List, useTheme } from 'react-native-paper';
 import { useSafeAreaInsets } from 'react-native-safe-area-context';
 
 import ActivityIndicatorExample from './Examples/ActivityIndicatorExample';
@@ -49,7 +49,6 @@ import ThemingWithReactNavigation from './Examples/ThemingWithReactNavigation';
 import ToggleButtonExample from './Examples/ToggleButtonExample';
 import TooltipExample from './Examples/TooltipExample';
 import TouchableRippleExample from './Examples/TouchableRippleExample';
-import { useExampleTheme } from './hooks/useExampleTheme';
 
 export const mainExamples: Record<
   string,
@@ -132,16 +131,12 @@ const data = Object.keys(mainExamples).map(
 export default function ExampleList({ navigation }: Props) {
   const keyExtractor = (item: { id: string }) => item.id;
 
-  const { colors, isV3 } = useExampleTheme();
+  const { colors } = useTheme();
   const safeArea = useSafeAreaInsets();
 
   const renderItem = ({ item }: { item: Item }) => {
     const { data, id } = item;
 
-    if (!isV3 && data.title === mainExamples.themingWithReactNavigation.title) {
-      return null;
-    }
-
     return (
       <List.Item
         unstable_pressDelay={65}
diff --git a/example/src/Examples/ActivityIndicatorExample.tsx b/example/src/Examples/ActivityIndicatorExample.tsx
index 8013142921..15686054fa 100644
--- a/example/src/Examples/ActivityIndicatorExample.tsx
+++ b/example/src/Examples/ActivityIndicatorExample.tsx
@@ -1,20 +1,12 @@
 import * as React from 'react';
 import { StyleSheet, View } from 'react-native';
 
-import {
-  ActivityIndicator,
-  FAB,
-  List,
-  MD2Colors,
-  MD3Colors,
-} from 'react-native-paper';
+import { ActivityIndicator, FAB, List, MD3Colors } from 'react-native-paper';
 
-import { useExampleTheme } from '../hooks/useExampleTheme';
 import ScreenWrapper from '../ScreenWrapper';
 
 const ActivityIndicatorExample = () => {
   const [animating, setAnimating] = React.useState<boolean>(true);
-  const { isV3 } = useExampleTheme();
 
   return (
     <ScreenWrapper style={styles.container}>
@@ -49,7 +41,7 @@ const ActivityIndicatorExample = () => {
       <List.Section title="Custom color">
         <ActivityIndicator
           animating={animating}
-          color={isV3 ? MD3Colors.error20 : MD2Colors.red500}
+          color={MD3Colors.error20}
           hidesWhenStopped={false}
         />
       </List.Section>
diff --git a/example/src/Examples/AnimatedFABExample/AnimatedFABExample.tsx b/example/src/Examples/AnimatedFABExample/AnimatedFABExample.tsx
index 4bffa05322..38e95a0781 100644
--- a/example/src/Examples/AnimatedFABExample/AnimatedFABExample.tsx
+++ b/example/src/Examples/AnimatedFABExample/AnimatedFABExample.tsx
@@ -3,13 +3,7 @@ import type { NativeScrollEvent, NativeSyntheticEvent } from 'react-native';
 import { Animated, FlatList, Platform, StyleSheet, View } from 'react-native';
 
 import Icon from '@expo/vector-icons/MaterialCommunityIcons';
-import {
-  Avatar,
-  MD2Colors,
-  MD3Colors,
-  Paragraph,
-  Text,
-} from 'react-native-paper';
+import { Avatar, MD3Colors, Text, useTheme } from 'react-native-paper';
 
 import CustomFAB from './CustomFAB';
 import CustomFABControls, {
@@ -17,7 +11,6 @@ import CustomFABControls, {
   initialControls,
 } from './CustomFABControls';
 import { animatedFABExampleData } from '../../../utils';
-import { useExampleTheme } from '../../hooks/useExampleTheme';
 
 type Item = {
   id: string;
@@ -32,7 +25,7 @@ type Item = {
 };
 
 const AnimatedFABExample = () => {
-  const { colors, isV3 } = useExampleTheme();
+  const { colors } = useTheme();
 
   const isIOS = Platform.OS === 'ios';
 
@@ -47,63 +40,55 @@ const AnimatedFABExample = () => {
 
   const renderItem = React.useCallback(
     ({ item }: { item: Item }) => {
-      const TextComponent = isV3 ? Text : Paragraph;
-
       return (
         <View style={styles.itemContainer}>
           <Avatar.Text
             style={[styles.avatar, { backgroundColor: item.bgColor }]}
             label={item.initials}
-            color={isV3 ? MD3Colors.primary100 : MD2Colors.white}
+            color={MD3Colors.primary100}
             size={40}
           />
           <View style={styles.itemTextContentContainer}>
             <View style={styles.itemHeaderContainer}>
-              <TextComponent
+              <Text
                 variant="labelLarge"
                 style={[styles.header, !item.read && styles.read]}
                 ellipsizeMode="tail"
                 numberOfLines={1}
               >
                 {item.sender}
-              </TextComponent>
-              <TextComponent
+              </Text>
+              <Text
                 variant="labelLarge"
                 style={[styles.date, !item.read && styles.read]}
               >
                 {item.date}
-              </TextComponent>
+              </Text>
             </View>
 
             <View style={styles.itemMessageContainer}>
               <View style={styles.flex}>
-                <TextComponent
+                <Text
                   variant="labelLarge"
                   ellipsizeMode="tail"
                   numberOfLines={1}
                   style={!item.read && styles.read}
                 >
                   {item.header}
-                </TextComponent>
-                <TextComponent
+                </Text>
+                <Text
                   variant="labelLarge"
                   numberOfLines={1}
                   ellipsizeMode="tail"
                 >
                   {item.message}
-                </TextComponent>
+                </Text>
               </View>
 
               <Icon
                 name={item.favorite ? 'star' : 'star-outline'}
                 color={
-                  item.favorite
-                    ? isV3
-                      ? MD3Colors.error70
-                      : MD2Colors.orange500
-                    : isV3
-                    ? MD3Colors.neutralVariant70
-                    : MD2Colors.grey500
+                  item.favorite ? MD3Colors.error70 : MD3Colors.neutralVariant70
                 }
                 size={20}
                 onPress={() => setVisible(!visible)}
@@ -114,7 +99,7 @@ const AnimatedFABExample = () => {
         </View>
       );
     },
-    [visible, isV3]
+    [visible]
   );
 
   const onScroll = ({
diff --git a/example/src/Examples/AnimatedFABExample/CustomFAB.tsx b/example/src/Examples/AnimatedFABExample/CustomFAB.tsx
index ec206bbffc..73d8c05962 100644
--- a/example/src/Examples/AnimatedFABExample/CustomFAB.tsx
+++ b/example/src/Examples/AnimatedFABExample/CustomFAB.tsx
@@ -9,8 +9,6 @@ import {
 
 import { AnimatedFAB } from 'react-native-paper';
 
-import { useExampleTheme } from '../../hooks/useExampleTheme';
-
 type CustomFABProps = {
   animatedValue: Animated.Value;
   visible: boolean;
@@ -31,7 +29,6 @@ const CustomFAB = ({
   iconMode,
 }: CustomFABProps) => {
   const [isExtended, setIsExtended] = React.useState(true);
-  const { isV3 } = useExampleTheme();
 
   const isIOS = Platform.OS === 'ios';
 
@@ -50,7 +47,7 @@ const CustomFAB = ({
       icon={'plus'}
       label={label}
       extended={isExtended}
-      uppercase={!isV3}
+      uppercase={false}
       onPress={() => console.log('Pressed')}
       visible={visible}
       animateFrom={animateFrom}
diff --git a/example/src/Examples/AnimatedFABExample/CustomFABControls.tsx b/example/src/Examples/AnimatedFABExample/CustomFABControls.tsx
index a612a4234f..30d9d277e8 100644
--- a/example/src/Examples/AnimatedFABExample/CustomFABControls.tsx
+++ b/example/src/Examples/AnimatedFABExample/CustomFABControls.tsx
@@ -6,9 +6,7 @@ import type {
   AnimatedFABAnimateFrom,
   AnimatedFABIconMode,
 } from 'react-native-paper';
-import { Paragraph, RadioButton, Text } from 'react-native-paper';
-
-import { useExampleTheme } from '../../hooks/useExampleTheme';
+import { RadioButton, Text, useTheme } from 'react-native-paper';
 
 export type Controls = {
   iconMode: AnimatedFABIconMode;
@@ -40,19 +38,15 @@ const CustomControl = ({
   value,
   onChange,
 }: CustomControlProps) => {
-  const { isV3 } = useExampleTheme();
-
   const _renderItem = React.useCallback(
     ({ item }: ListRenderItemInfo<(typeof options)[number]>) => {
-      const TextComponent = isV3 ? Text : Paragraph;
-
       return (
         <TouchableOpacity
           accessibilityRole="button"
           onPress={() => onChange(item)}
           style={styles.controlItem}
         >
-          <TextComponent variant="labelLarge">{item}</TextComponent>
+          <Text variant="labelLarge">{item}</Text>
 
           <RadioButton
             value="dynamic"
@@ -61,18 +55,17 @@ const CustomControl = ({
         </TouchableOpacity>
       );
     },
-    [value, onChange, isV3]
+    [value, onChange]
   );
 
   const _keyExtractor = React.useCallback(
     (item: (typeof options)[number]) => item,
     []
   );
-  const TextComponent = isV3 ? Text : Paragraph;
 
   return (
     <View style={styles.controlWrapper}>
-      <TextComponent variant="labelLarge">{name}</TextComponent>
+      <Text variant="labelLarge">{name}</Text>
 
       <FlatList
         horizontal
@@ -90,7 +83,7 @@ const CustomFABControls = ({
   setControls,
   controls: { animateFrom, iconMode },
 }: Props) => {
-  const { colors } = useExampleTheme();
+  const { colors } = useTheme();
 
   const setIconMode = (newIconMode: AnimatedFABIconMode) =>
     setControls((state) => ({ ...state, iconMode: newIconMode }));
diff --git a/example/src/Examples/AppbarExample.tsx b/example/src/Examples/AppbarExample.tsx
index 1ebe74bad5..f502c84795 100644
--- a/example/src/Examples/AppbarExample.tsx
+++ b/example/src/Examples/AppbarExample.tsx
@@ -6,16 +6,14 @@ import {
   Appbar,
   FAB,
   List,
-  Paragraph,
   RadioButton,
   Snackbar,
   Switch,
   Text,
+  useTheme,
 } from 'react-native-paper';
 import { useSafeAreaInsets } from 'react-native-safe-area-context';
 
-import { yellowA200 } from '../../../src/styles/themes/v2/colors';
-import { useExampleTheme } from '../hooks/useExampleTheme';
 import ScreenWrapper from '../ScreenWrapper';
 
 type Props = {
@@ -26,22 +24,20 @@ type AppbarModes = 'small' | 'medium' | 'large' | 'center-aligned';
 
 const MORE_ICON = Platform.OS === 'ios' ? 'dots-horizontal' : 'dots-vertical';
 const MEDIUM_FAB_HEIGHT = 56;
+const HEIGHT = 80;
 
 const AppbarExample = ({ navigation }: Props) => {
   const [showLeftIcon, setShowLeftIcon] = React.useState(true);
-  const [showSubtitle, setShowSubtitle] = React.useState(true);
   const [showSearchIcon, setShowSearchIcon] = React.useState(true);
   const [showMoreIcon, setShowMoreIcon] = React.useState(true);
   const [showCustomColor, setShowCustomColor] = React.useState(false);
-  const [showExactTheme, setShowExactTheme] = React.useState(false);
   const [appbarMode, setAppbarMode] = React.useState<AppbarModes>('small');
   const [showCalendarIcon, setShowCalendarIcon] = React.useState(false);
   const [showElevated, setShowElevated] = React.useState(false);
   const [showSnackbar, setShowSnackbar] = React.useState(false);
 
-  const theme = useExampleTheme();
+  const { colors } = useTheme();
   const { bottom, left, right } = useSafeAreaInsets();
-  const height = theme.isV3 ? 80 : 56;
 
   const isCenterAlignedMode = appbarMode === 'center-aligned';
 
@@ -51,7 +47,7 @@ const AppbarExample = ({ navigation }: Props) => {
         <Appbar.Header
           style={showCustomColor ? styles.customColor : null}
           theme={{
-            mode: showExactTheme ? 'exact' : 'adaptive',
+            mode: 'adaptive',
           }}
           mode={appbarMode}
           elevated={showElevated}
@@ -59,11 +55,7 @@ const AppbarExample = ({ navigation }: Props) => {
           {showLeftIcon && (
             <Appbar.BackAction onPress={() => navigation.goBack()} />
           )}
-          <Appbar.Content
-            title="Title"
-            subtitle={showSubtitle ? 'Subtitle' : null}
-            onPress={() => setShowSnackbar(true)}
-          />
+          <Appbar.Content title="Title" onPress={() => setShowSnackbar(true)} />
           {isCenterAlignedMode
             ? false
             : showCalendarIcon && (
@@ -81,32 +73,23 @@ const AppbarExample = ({ navigation }: Props) => {
   }, [
     navigation,
     showLeftIcon,
-    showSubtitle,
     showSearchIcon,
     showMoreIcon,
     showCustomColor,
-    showExactTheme,
     appbarMode,
     showCalendarIcon,
     isCenterAlignedMode,
     showElevated,
   ]);
 
-  const TextComponent = theme.isV3 ? Text : Paragraph;
-
   const renderFAB = () => {
     return (
       <FAB
-        mode={theme.isV3 ? 'flat' : 'elevated'}
+        mode={'flat'}
         size="medium"
         icon="plus"
         onPress={() => {}}
-        style={[
-          styles.fab,
-          theme.isV3
-            ? { top: (height - MEDIUM_FAB_HEIGHT) / 2 }
-            : { bottom: height / 2 + bottom },
-        ]}
+        style={[styles.fab, { top: (HEIGHT - MEDIUM_FAB_HEIGHT) / 2 }]}
       />
     );
   };
@@ -114,113 +97,88 @@ const AppbarExample = ({ navigation }: Props) => {
   const renderDefaultOptions = () => (
     <>
       <View style={styles.row}>
-        <TextComponent>Left icon</TextComponent>
+        <Text>Left icon</Text>
         <Switch value={showLeftIcon} onValueChange={setShowLeftIcon} />
       </View>
-      {!theme.isV3 && (
-        <View style={styles.row}>
-          <TextComponent>Subtitle</TextComponent>
-          <Switch value={showSubtitle} onValueChange={setShowSubtitle} />
-        </View>
-      )}
       <View style={styles.row}>
-        <TextComponent>Search icon</TextComponent>
+        <Text>Search icon</Text>
         <Switch value={showSearchIcon} onValueChange={setShowSearchIcon} />
       </View>
       <View style={styles.row}>
-        <TextComponent>More icon</TextComponent>
+        <Text>More icon</Text>
         <Switch value={showMoreIcon} onValueChange={setShowMoreIcon} />
       </View>
-      {theme.isV3 && (
-        <View style={styles.row}>
-          <TextComponent>Calendar icon</TextComponent>
-          <Switch
-            value={isCenterAlignedMode ? false : showCalendarIcon}
-            disabled={isCenterAlignedMode}
-            onValueChange={setShowCalendarIcon}
-          />
-        </View>
-      )}
       <View style={styles.row}>
-        <TextComponent>Custom Color</TextComponent>
+        <Text>Calendar icon</Text>
+        <Switch
+          value={isCenterAlignedMode ? false : showCalendarIcon}
+          disabled={isCenterAlignedMode}
+          onValueChange={setShowCalendarIcon}
+        />
+      </View>
+      <View style={styles.row}>
+        <Text>Custom Color</Text>
         <Switch value={showCustomColor} onValueChange={setShowCustomColor} />
       </View>
-      {!theme.isV3 && (
-        <View style={styles.row}>
-          <TextComponent>Exact Dark Theme</TextComponent>
-          <Switch value={showExactTheme} onValueChange={setShowExactTheme} />
-        </View>
-      )}
-      {theme.isV3 && (
-        <View style={styles.row}>
-          <TextComponent>Elevated</TextComponent>
-          <Switch value={showElevated} onValueChange={setShowElevated} />
-        </View>
-      )}
+      <View style={styles.row}>
+        <Text>Elevated</Text>
+        <Switch value={showElevated} onValueChange={setShowElevated} />
+      </View>
     </>
   );
 
   return (
     <>
       <ScreenWrapper
-        style={{ marginBottom: height + bottom }}
+        style={{ marginBottom: HEIGHT + bottom }}
         contentContainerStyle={styles.contentContainer}
       >
-        {theme.isV3 ? (
-          <List.Section title="Default options">
-            {renderDefaultOptions()}
-          </List.Section>
-        ) : (
-          renderDefaultOptions()
-        )}
-        {theme.isV3 && (
-          <List.Section title="Appbar Modes">
-            <RadioButton.Group
-              value={appbarMode}
-              onValueChange={(value: string) =>
-                setAppbarMode(value as AppbarModes)
-              }
-            >
-              <View style={styles.row}>
-                <TextComponent>Small (default)</TextComponent>
-                <RadioButton value="small" />
-              </View>
-              <View style={styles.row}>
-                <TextComponent>Medium</TextComponent>
-                <RadioButton value="medium" />
-              </View>
-              <View style={styles.row}>
-                <TextComponent>Large</TextComponent>
-                <RadioButton value="large" />
-              </View>
-              <View style={styles.row}>
-                <TextComponent>Center-aligned</TextComponent>
-                <RadioButton value="center-aligned" />
-              </View>
-            </RadioButton.Group>
-          </List.Section>
-        )}
+        <List.Section title="Default options">
+          {renderDefaultOptions()}
+        </List.Section>
+        <List.Section title="Appbar Modes">
+          <RadioButton.Group
+            value={appbarMode}
+            onValueChange={(value: string) =>
+              setAppbarMode(value as AppbarModes)
+            }
+          >
+            <View style={styles.row}>
+              <Text>Small (default)</Text>
+              <RadioButton value="small" />
+            </View>
+            <View style={styles.row}>
+              <Text>Medium</Text>
+              <RadioButton value="medium" />
+            </View>
+            <View style={styles.row}>
+              <Text>Large</Text>
+              <RadioButton value="large" />
+            </View>
+            <View style={styles.row}>
+              <Text>Center-aligned</Text>
+              <RadioButton value="center-aligned" />
+            </View>
+          </RadioButton.Group>
+        </List.Section>
       </ScreenWrapper>
       <Appbar
         style={[
           styles.bottom,
           {
-            height: height + bottom,
-          },
-          theme.isV3 && {
-            backgroundColor: theme.colors.elevation.level2,
+            height: HEIGHT + bottom,
+            backgroundColor: colors.elevation.level2,
           },
         ]}
         safeAreaInsets={{ bottom, left, right }}
-        theme={{ mode: showExactTheme ? 'exact' : 'adaptive' }}
+        theme={{ mode: 'adaptive' }}
       >
         <Appbar.Action icon="archive" onPress={() => {}} />
         <Appbar.Action icon="email" onPress={() => {}} />
         <Appbar.Action icon="label" onPress={() => {}} />
         <Appbar.Action icon="delete" onPress={() => {}} />
-        {theme.isV3 && renderFAB()}
+        {renderFAB()}
       </Appbar>
-      {!theme.isV3 && renderFAB()}
       <Snackbar
         visible={showSnackbar}
         onDismiss={() => setShowSnackbar(false)}
@@ -257,7 +215,8 @@ const styles = StyleSheet.create({
     position: 'absolute',
     right: 16,
   },
+  // eslint-disable-next-line react-native/no-color-literals
   customColor: {
-    backgroundColor: yellowA200,
+    backgroundColor: 'yellow',
   },
 });
diff --git a/example/src/Examples/AvatarExample.tsx b/example/src/Examples/AvatarExample.tsx
index b77da80b09..229c2f4a0b 100644
--- a/example/src/Examples/AvatarExample.tsx
+++ b/example/src/Examples/AvatarExample.tsx
@@ -1,13 +1,11 @@
 import * as React from 'react';
 import { StyleSheet, View } from 'react-native';
 
-import { Avatar, List, MD2Colors, MD3Colors } from 'react-native-paper';
+import { Avatar, List, MD3Colors } from 'react-native-paper';
 
-import { useExampleTheme } from '../hooks/useExampleTheme';
 import ScreenWrapper from '../ScreenWrapper';
 
 const AvatarExample = () => {
-  const { isV3 } = useExampleTheme();
   return (
     <ScreenWrapper>
       <List.Section title="Text">
@@ -16,11 +14,11 @@ const AvatarExample = () => {
             style={[
               styles.avatar,
               {
-                backgroundColor: isV3 ? MD3Colors.error70 : MD2Colors.yellow500,
+                backgroundColor: MD3Colors.error70,
               },
             ]}
             label="XD"
-            color={isV3 ? MD3Colors.primary0 : MD2Colors.black}
+            color={MD3Colors.primary0}
           />
           <Avatar.Text style={styles.avatar} label="XD" />
           <Avatar.Text style={styles.avatar} label="XD" size={80} />
@@ -32,11 +30,11 @@ const AvatarExample = () => {
             style={[
               styles.avatar,
               {
-                backgroundColor: isV3 ? MD3Colors.error70 : MD2Colors.yellow500,
+                backgroundColor: MD3Colors.error70,
               },
             ]}
             icon="folder"
-            color={isV3 ? MD3Colors.primary0 : MD2Colors.black}
+            color={MD3Colors.primary0}
           />
           <Avatar.Icon style={styles.avatar} icon="folder" />
           <Avatar.Icon style={styles.avatar} icon="folder" size={80} />
diff --git a/example/src/Examples/BadgeExample.tsx b/example/src/Examples/BadgeExample.tsx
index 17f0e1b160..3269dc70a8 100644
--- a/example/src/Examples/BadgeExample.tsx
+++ b/example/src/Examples/BadgeExample.tsx
@@ -5,18 +5,15 @@ import {
   Badge,
   IconButton,
   List,
-  MD2Colors,
   MD3Colors,
   Text,
   Switch,
 } from 'react-native-paper';
 
-import { useExampleTheme } from '../hooks/useExampleTheme';
 import ScreenWrapper from '../ScreenWrapper';
 
 const BadgeExample = () => {
   const [visible, setVisible] = React.useState<boolean>(true);
-  const { isV3 } = useExampleTheme();
 
   return (
     <ScreenWrapper>
@@ -44,9 +41,7 @@ const BadgeExample = () => {
               style={[
                 styles.badge,
                 {
-                  backgroundColor: isV3
-                    ? MD3Colors.primary80
-                    : MD2Colors.blue500,
+                  backgroundColor: MD3Colors.primary80,
                 },
               ]}
             >
@@ -59,11 +54,11 @@ const BadgeExample = () => {
         <View style={styles.row}>
           <View style={styles.item}>
             <IconButton icon="book-open" size={36} style={styles.button} />
-            <Badge visible={visible} style={styles.badge} size={isV3 ? 6 : 8} />
+            <Badge visible={visible} style={styles.badge} size={6} />
           </View>
           <View style={styles.item}>
             <IconButton icon="receipt" size={36} style={styles.button} />
-            <Badge visible={visible} style={styles.badge} size={isV3 ? 6 : 8} />
+            <Badge visible={visible} style={styles.badge} size={6} />
           </View>
         </View>
       </List.Section>
diff --git a/example/src/Examples/BannerExample.tsx b/example/src/Examples/BannerExample.tsx
index 0e856e9699..d420f6791c 100644
--- a/example/src/Examples/BannerExample.tsx
+++ b/example/src/Examples/BannerExample.tsx
@@ -8,9 +8,8 @@ import {
   View,
 } from 'react-native';
 
-import { Banner, FAB, MD2Colors, MD3Colors } from 'react-native-paper';
+import { Banner, FAB, MD3Colors, useTheme } from 'react-native-paper';
 
-import { useExampleTheme } from '../hooks/useExampleTheme';
 import ScreenWrapper from '../ScreenWrapper';
 
 const PHOTOS = Array.from({ length: 24 }).map(
@@ -20,7 +19,7 @@ const PHOTOS = Array.from({ length: 24 }).map(
 const BannerExample = () => {
   const [visible, setVisible] = React.useState<boolean>(true);
   const [useCustomTheme, setUseCustomTheme] = React.useState<boolean>(false);
-  const defaultTheme = useExampleTheme();
+  const theme = useTheme();
 
   const [height, setHeight] = React.useState(0);
 
@@ -29,25 +28,16 @@ const BannerExample = () => {
     setHeight(layoutHeight);
   };
 
-  const customTheme = !defaultTheme.isV3
-    ? {
-        ...defaultTheme,
-        colors: {
-          text: MD2Colors.white,
-          surface: MD2Colors.blue200,
-          primary: MD2Colors.purple900,
-        },
-      }
-    : {
-        ...defaultTheme,
-        colors: {
-          onSurface: MD3Colors.tertiary100,
-          elevation: {
-            level1: MD3Colors.tertiary50,
-          },
-          primary: MD3Colors.tertiary10,
-        },
-      };
+  const customTheme = {
+    ...theme,
+    colors: {
+      onSurface: MD3Colors.tertiary100,
+      elevation: {
+        level1: MD3Colors.tertiary50,
+      },
+      primary: MD3Colors.tertiary10,
+    },
+  };
 
   return (
     <>
@@ -90,7 +80,7 @@ const BannerExample = () => {
         onHideAnimationFinished={() =>
           console.log('Completed closing animation')
         }
-        theme={useCustomTheme ? customTheme : defaultTheme}
+        theme={useCustomTheme ? customTheme : theme}
         style={styles.banner}
       >
         Two line text string with two actions. One to two lines is preferable on
diff --git a/example/src/Examples/BottomNavigationExample.tsx b/example/src/Examples/BottomNavigationExample.tsx
index 6ed5d7add5..c30934c9f7 100644
--- a/example/src/Examples/BottomNavigationExample.tsx
+++ b/example/src/Examples/BottomNavigationExample.tsx
@@ -17,7 +17,6 @@ import {
 } from 'react-native-paper';
 import { useSafeAreaInsets } from 'react-native-safe-area-context';
 
-import { useExampleTheme } from '../hooks/useExampleTheme';
 import ScreenWrapper from '../ScreenWrapper';
 
 type Route = { route: { key: string } };
@@ -49,7 +48,6 @@ const PhotoGallery = ({ route }: Route) => {
 };
 
 const BottomNavigationExample = ({ navigation }: Props) => {
-  const { isV3 } = useExampleTheme();
   const insets = useSafeAreaInsets();
   const [index, setIndex] = React.useState(0);
   const [menuVisible, setMenuVisible] = React.useState(false);
@@ -63,34 +61,25 @@ const BottomNavigationExample = ({ navigation }: Props) => {
       key: 'album',
       title: 'Album',
       focusedIcon: 'image-album',
-      ...(!isV3 && { color: '#6200ee' }),
     },
     {
       key: 'library',
       title: 'Library',
       focusedIcon: 'inbox',
       badge: true,
-      ...(isV3
-        ? { unfocusedIcon: 'inbox-outline' }
-        : {
-            color: '#2962ff',
-          }),
+      unfocusedIcon: 'inbox-outline',
     },
     {
       key: 'favorites',
       title: 'Favorites',
       focusedIcon: 'heart',
-      ...(isV3
-        ? { unfocusedIcon: 'heart-outline' }
-        : {
-            color: '#00796b',
-          }),
+      unfocusedIcon: 'heart-outline',
     },
     {
       key: 'purchased',
       title: 'Purchased',
       focusedIcon: 'shopping',
-      ...(isV3 ? { unfocusedIcon: 'shopping-outline' } : { color: '#c51162' }),
+      unfocusedIcon: 'shopping-outline',
     },
   ]);
 
@@ -112,7 +101,6 @@ const BottomNavigationExample = ({ navigation }: Props) => {
             <Appbar.Action
               icon={MORE_ICON}
               onPress={() => setMenuVisible(true)}
-              {...(!isV3 && { color: 'white' })}
             />
           }
         >
diff --git a/example/src/Examples/ButtonExample.tsx b/example/src/Examples/ButtonExample.tsx
index 7ec58f90f4..28fc95df1d 100644
--- a/example/src/Examples/ButtonExample.tsx
+++ b/example/src/Examples/ButtonExample.tsx
@@ -1,24 +1,25 @@
 import * as React from 'react';
 import { Image, StyleSheet, View } from 'react-native';
 
-import { Button, List, Text } from 'react-native-paper';
+import { Button, List, Text, useTheme } from 'react-native-paper';
 
-import { useExampleTheme } from '../hooks/useExampleTheme';
 import ScreenWrapper from '../ScreenWrapper';
 
 const ButtonExample = () => {
-  const theme = useExampleTheme();
-
-  const color = theme.isV3 ? theme.colors.inversePrimary : theme.colors.accent;
+  const { colors } = useTheme();
 
   return (
     <ScreenWrapper>
-      <List.Section title={`Text button ${theme.isV3 ? '(text)' : ''}`}>
+      <List.Section title="Text button text">
         <View style={styles.row}>
           <Button onPress={() => {}} style={styles.button}>
             Default
           </Button>
-          <Button textColor={color} onPress={() => {}} style={styles.button}>
+          <Button
+            textColor={colors.inversePrimary}
+            onPress={() => {}}
+            style={styles.button}
+          >
             Custom
           </Button>
           <Button disabled onPress={() => {}} style={styles.button}>
@@ -40,68 +41,66 @@ const ButtonExample = () => {
           </Button>
         </View>
       </List.Section>
-      {theme.isV3 && (
-        <List.Section title="Contained-tonal button (tonal)">
-          <View style={styles.row}>
-            <Button
-              mode="contained-tonal"
-              onPress={() => {}}
-              style={styles.button}
-            >
-              Default
-            </Button>
-            <Button
-              mode="contained-tonal"
-              buttonColor={color}
-              onPress={() => {}}
-              style={styles.button}
-            >
-              Custom
-            </Button>
-            <Button
-              mode="contained-tonal"
-              disabled
-              onPress={() => {}}
-              style={styles.button}
-            >
-              Disabled
-            </Button>
-            <Button
-              mode="contained-tonal"
-              icon="camera"
-              onPress={() => {}}
-              style={styles.button}
-            >
-              Icon
-            </Button>
-            <Button
-              mode="contained-tonal"
-              loading
-              onPress={() => {}}
-              style={styles.button}
-            >
-              Loading
-            </Button>
-            <Button
-              mode="contained-tonal"
-              icon="camera"
-              onPress={() => {}}
-              style={styles.button}
-              contentStyle={styles.flexReverse}
-            >
-              Icon right
-            </Button>
-          </View>
-        </List.Section>
-      )}
-      <List.Section title={`Outlined button ${theme.isV3 ? '(outlined)' : ''}`}>
+      <List.Section title="Contained-tonal button (tonal)">
+        <View style={styles.row}>
+          <Button
+            mode="contained-tonal"
+            onPress={() => {}}
+            style={styles.button}
+          >
+            Default
+          </Button>
+          <Button
+            mode="contained-tonal"
+            buttonColor={colors.inversePrimary}
+            onPress={() => {}}
+            style={styles.button}
+          >
+            Custom
+          </Button>
+          <Button
+            mode="contained-tonal"
+            disabled
+            onPress={() => {}}
+            style={styles.button}
+          >
+            Disabled
+          </Button>
+          <Button
+            mode="contained-tonal"
+            icon="camera"
+            onPress={() => {}}
+            style={styles.button}
+          >
+            Icon
+          </Button>
+          <Button
+            mode="contained-tonal"
+            loading
+            onPress={() => {}}
+            style={styles.button}
+          >
+            Loading
+          </Button>
+          <Button
+            mode="contained-tonal"
+            icon="camera"
+            onPress={() => {}}
+            style={styles.button}
+            contentStyle={styles.flexReverse}
+          >
+            Icon right
+          </Button>
+        </View>
+      </List.Section>
+      <List.Section title="Outlined button (outlined)">
         <View style={styles.row}>
           <Button mode="outlined" onPress={() => {}} style={styles.button}>
             Default
           </Button>
           <Button
             mode="outlined"
-            textColor={color}
+            textColor={colors.inversePrimary}
             onPress={() => {}}
             style={styles.button}
           >
@@ -142,14 +141,14 @@ const ButtonExample = () => {
           </Button>
         </View>
       </List.Section>
-      <List.Section title={`Contained button ${theme.isV3 ? '(filled)' : ''}`}>
+      <List.Section title="Contained button (filled)">
         <View style={styles.row}>
           <Button mode="contained" onPress={() => {}} style={styles.button}>
             Default
           </Button>
           <Button
             mode="contained"
-            buttonColor={color}
+            buttonColor={colors.inversePrimary}
             onPress={() => {}}
             style={styles.button}
           >
@@ -190,56 +189,54 @@ const ButtonExample = () => {
           </Button>
         </View>
       </List.Section>
-      {theme.isV3 && (
-        <List.Section title={'Elevated button (elevated)'}>
-          <View style={styles.row}>
-            <Button mode="elevated" onPress={() => {}} style={styles.button}>
-              Default
-            </Button>
-            <Button
-              mode="elevated"
-              buttonColor={color}
-              onPress={() => {}}
-              style={styles.button}
-            >
-              Custom
-            </Button>
-            <Button
-              mode="elevated"
-              disabled
-              onPress={() => {}}
-              style={styles.button}
-            >
-              Disabled
-            </Button>
-            <Button
-              mode="elevated"
-              icon="camera"
-              onPress={() => {}}
-              style={styles.button}
-            >
-              Icon
-            </Button>
-            <Button
-              mode="elevated"
-              loading
-              onPress={() => {}}
-              style={styles.button}
-            >
-              Loading
-            </Button>
-            <Button
-              mode="elevated"
-              icon="camera"
-              onPress={() => {}}
-              style={styles.button}
-              contentStyle={styles.flexReverse}
-            >
-              Icon right
-            </Button>
-          </View>
-        </List.Section>
-      )}
+      <List.Section title={'Elevated button (elevated)'}>
+        <View style={styles.row}>
+          <Button mode="elevated" onPress={() => {}} style={styles.button}>
+            Default
+          </Button>
+          <Button
+            mode="elevated"
+            buttonColor={colors.inversePrimary}
+            onPress={() => {}}
+            style={styles.button}
+          >
+            Custom
+          </Button>
+          <Button
+            mode="elevated"
+            disabled
+            onPress={() => {}}
+            style={styles.button}
+          >
+            Disabled
+          </Button>
+          <Button
+            mode="elevated"
+            icon="camera"
+            onPress={() => {}}
+            style={styles.button}
+          >
+            Icon
+          </Button>
+          <Button
+            mode="elevated"
+            loading
+            onPress={() => {}}
+            style={styles.button}
+          >
+            Loading
+          </Button>
+          <Button
+            mode="elevated"
+            icon="camera"
+            onPress={() => {}}
+            style={styles.button}
+            contentStyle={styles.flexReverse}
+          >
+            Icon right
+          </Button>
+        </View>
+      </List.Section>
       <List.Section title="Custom">
         <View style={styles.row}>
           <Button
@@ -279,7 +276,7 @@ const ButtonExample = () => {
             mode="outlined"
             onPress={() => {}}
             style={styles.button}
-            labelStyle={[styles.fontStyles, theme.isV3 && styles.md3FontStyles]}
+            labelStyle={styles.fontStyles}
           >
             Custom Font
           </Button>
@@ -371,12 +368,10 @@ const styles = StyleSheet.create({
   flexReverse: {
     flexDirection: 'row-reverse',
   },
-  md3FontStyles: {
-    lineHeight: 32,
-  },
   fontStyles: {
     fontWeight: '800',
     fontSize: 24,
+    lineHeight: 32,
   },
   flexGrow1Button: {
     flexGrow: 1,
diff --git a/example/src/Examples/CardExample.tsx b/example/src/Examples/CardExample.tsx
index 5b12fc08bb..3dc778ae50 100644
--- a/example/src/Examples/CardExample.tsx
+++ b/example/src/Examples/CardExample.tsx
@@ -7,28 +7,23 @@ import {
   Card,
   Chip,
   IconButton,
-  Paragraph,
   Text,
+  useTheme,
 } from 'react-native-paper';
 
 import { isWeb } from '../../utils';
-import { useExampleTheme } from '../hooks/useExampleTheme';
 import { PreferencesContext } from '../PreferencesContext';
 import ScreenWrapper from '../ScreenWrapper';
 
 type Mode = 'elevated' | 'outlined' | 'contained';
 
 const CardExample = () => {
-  const { colors, isV3 } = useExampleTheme();
+  const { colors } = useTheme();
   const [selectedMode, setSelectedMode] = React.useState('elevated' as Mode);
   const [isSelected, setIsSelected] = React.useState(false);
   const preferences = React.useContext(PreferencesContext);
 
-  const modes = isV3
-    ? ['elevated', 'outlined', 'contained']
-    : ['elevated', 'outlined'];
-
-  const TextComponent = isV3 ? Text : Paragraph;
+  const modes = ['elevated', 'outlined', 'contained'];
 
   return (
     <ScreenWrapper contentContainerStyle={styles.content}>
@@ -55,30 +50,28 @@ const CardExample = () => {
           />
           <Card.Title title="Abandoned Ship" />
           <Card.Content>
-            <TextComponent variant="bodyMedium">
+            <Text variant="bodyMedium">
               The Abandoned Ship is a wrecked ship located on Route 108 in
               Hoenn, originally being a ship named the S.S. Cactus. The second
               part of the ship can only be accessed by using Dive and contains
               the Scanner.
-            </TextComponent>
+            </Text>
+          </Card.Content>
+        </Card>
+        <Card style={styles.card} mode={selectedMode}>
+          <Card.Cover source={require('../../assets/images/bridge.jpg')} />
+          <Card.Title
+            title="Title variant"
+            subtitle="Subtitle variant"
+            titleVariant="headlineMedium"
+            subtitleVariant="bodyLarge"
+          />
+          <Card.Content>
+            <Text variant="bodyMedium">
+              This is a card using title and subtitle with specified variants.
+            </Text>
           </Card.Content>
         </Card>
-        {isV3 && (
-          <Card style={styles.card} mode={selectedMode}>
-            <Card.Cover source={require('../../assets/images/bridge.jpg')} />
-            <Card.Title
-              title="Title variant"
-              subtitle="Subtitle variant"
-              titleVariant="headlineMedium"
-              subtitleVariant="bodyLarge"
-            />
-            <Card.Content>
-              <TextComponent variant="bodyMedium">
-                This is a card using title and subtitle with specified variants.
-              </TextComponent>
-            </Card.Content>
-          </Card>
-        )}
         <Card style={styles.card} mode={selectedMode}>
           <Card.Cover source={require('../../assets/images/forest.jpg')} />
           <Card.Actions>
@@ -96,13 +89,13 @@ const CardExample = () => {
             )}
           />
           <Card.Content>
-            <TextComponent variant="bodyMedium">
+            <Text variant="bodyMedium">
               Dotted around the Hoenn region, you will find loamy soil, many of
               which are housing berries. Once you have picked the berries, then
               you have the ability to use that loamy soil to grow your own
               berries. These can be any berry and will require attention to get
               the best crop.
-            </TextComponent>
+            </Text>
           </Card.Content>
         </Card>
         <Card style={styles.card} mode={selectedMode}>
@@ -160,9 +153,9 @@ const CardExample = () => {
           <Card.Cover source={require('../../assets/images/chameleon.jpg')} />
           <Card.Title title="Pressable Chameleon" />
           <Card.Content>
-            <TextComponent variant="bodyMedium">
+            <Text variant="bodyMedium">
               This is a pressable chameleon. If you press me, I will alert.
-            </TextComponent>
+            </Text>
           </Card.Content>
         </Card>
         <Card
@@ -180,10 +173,10 @@ const CardExample = () => {
             left={(props) => <Avatar.Icon {...props} icon="city" />}
           />
           <Card.Content>
-            <TextComponent variant="bodyMedium">
+            <Text variant="bodyMedium">
               This is a long press only city. If you long press me, I will
               alert.
-            </TextComponent>
+            </Text>
           </Card.Content>
         </Card>
         <Card
@@ -198,9 +191,9 @@ const CardExample = () => {
             left={(props) => <Avatar.Icon {...props} icon="format-paint" />}
           />
           <Card.Content>
-            <TextComponent variant="bodyMedium">
+            <Text variant="bodyMedium">
               This is pressable card. If you press me, I will switch the theme.
-            </TextComponent>
+            </Text>
           </Card.Content>
         </Card>
       </ScrollView>
diff --git a/example/src/Examples/CheckboxExample.tsx b/example/src/Examples/CheckboxExample.tsx
index c8ce8c23a7..06088a646a 100644
--- a/example/src/Examples/CheckboxExample.tsx
+++ b/example/src/Examples/CheckboxExample.tsx
@@ -1,16 +1,8 @@
 import * as React from 'react';
 import { StyleSheet, View } from 'react-native';
 
-import {
-  Checkbox,
-  MD2Colors,
-  MD3Colors,
-  Paragraph,
-  Text,
-  TouchableRipple,
-} from 'react-native-paper';
+import { Checkbox, MD3Colors, Text, TouchableRipple } from 'react-native-paper';
 
-import { useExampleTheme } from '../hooks/useExampleTheme';
 import ScreenWrapper from '../ScreenWrapper';
 
 const CheckboxExample = () => {
@@ -18,14 +10,11 @@ const CheckboxExample = () => {
   const [checkedCustom, setCheckedCustom] = React.useState<boolean>(true);
   const [indeterminate, setIndeterminate] = React.useState<boolean>(true);
 
-  const { isV3 } = useExampleTheme();
-  const TextComponent = isV3 ? Text : Paragraph;
-
   return (
     <ScreenWrapper style={styles.container}>
       <TouchableRipple onPress={() => setCheckedNormal(!checkedNormal)}>
         <View style={styles.row}>
-          <TextComponent>Normal</TextComponent>
+          <Text>Normal</Text>
           <View pointerEvents="none">
             <Checkbox status={checkedNormal ? 'checked' : 'unchecked'} />
           </View>
@@ -34,10 +23,10 @@ const CheckboxExample = () => {
 
       <TouchableRipple onPress={() => setCheckedCustom(!checkedCustom)}>
         <View style={styles.row}>
-          <TextComponent>Custom</TextComponent>
+          <Text>Custom</Text>
           <View pointerEvents="none">
             <Checkbox
-              color={isV3 ? MD3Colors.error70 : MD2Colors.blue500}
+              color={MD3Colors.error70}
               status={checkedCustom ? 'checked' : 'unchecked'}
             />
           </View>
@@ -46,7 +35,7 @@ const CheckboxExample = () => {
 
       <TouchableRipple onPress={() => setIndeterminate(!indeterminate)}>
         <View style={styles.row}>
-          <TextComponent>Indeterminate</TextComponent>
+          <Text>Indeterminate</Text>
           <View pointerEvents="none">
             <Checkbox status={indeterminate ? 'indeterminate' : 'unchecked'} />
           </View>
@@ -54,15 +43,15 @@ const CheckboxExample = () => {
       </TouchableRipple>
 
       <View style={styles.row}>
-        <TextComponent>Checked (Disabled)</TextComponent>
+        <Text>Checked (Disabled)</Text>
         <Checkbox status="checked" disabled />
       </View>
       <View style={styles.row}>
-        <TextComponent>Unchecked (Disabled)</TextComponent>
+        <Text>Unchecked (Disabled)</Text>
         <Checkbox status="unchecked" disabled />
       </View>
       <View style={styles.row}>
-        <TextComponent>Indeterminate (Disabled)</TextComponent>
+        <Text>Indeterminate (Disabled)</Text>
         <Checkbox status="indeterminate" disabled />
       </View>
     </ScreenWrapper>
diff --git a/example/src/Examples/CheckboxItemExample.tsx b/example/src/Examples/CheckboxItemExample.tsx
index 514272788c..acafd709b7 100644
--- a/example/src/Examples/CheckboxItemExample.tsx
+++ b/example/src/Examples/CheckboxItemExample.tsx
@@ -3,7 +3,6 @@ import { StyleSheet } from 'react-native';
 
 import { Checkbox } from 'react-native-paper';
 
-import { useExampleTheme } from '../hooks/useExampleTheme';
 import ScreenWrapper from '../ScreenWrapper';
 
 const CheckboxExample = () => {
@@ -15,8 +14,6 @@ const CheckboxExample = () => {
   const [checkedDisabled, setCheckedDisabled] = React.useState<boolean>(true);
   const [checkedLabelVariant, setCheckedLabelVariant] = React.useState(true);
 
-  const { isV3 } = useExampleTheme();
-
   return (
     <ScreenWrapper style={styles.container}>
       <Checkbox.Item
@@ -49,14 +46,12 @@ const CheckboxExample = () => {
         onPress={() => setCheckedDisabled(!checkedDisabled)}
         disabled
       />
-      {isV3 && (
-        <Checkbox.Item
-          label="Default with titleLarge title variant"
-          labelVariant="titleLarge"
-          status={checkedLabelVariant ? 'checked' : 'unchecked'}
-          onPress={() => setCheckedLabelVariant(!checkedLabelVariant)}
-        />
-      )}
+      <Checkbox.Item
+        label="Default with titleLarge title variant"
+        labelVariant="titleLarge"
+        status={checkedLabelVariant ? 'checked' : 'unchecked'}
+        onPress={() => setCheckedLabelVariant(!checkedLabelVariant)}
+      />
     </ScreenWrapper>
   );
 };
diff --git a/example/src/Examples/ChipExample.tsx b/example/src/Examples/ChipExample.tsx
index 20f0393153..211ebfde49 100644
--- a/example/src/Examples/ChipExample.tsx
+++ b/example/src/Examples/ChipExample.tsx
@@ -2,16 +2,8 @@ import * as React from 'react';
 import { Image, StyleSheet, View } from 'react-native';
 
 import color from 'color';
-import {
-  Chip,
-  List,
-  MD2Colors,
-  MD3Colors,
-  Snackbar,
-  Text,
-} from 'react-native-paper';
+import { Chip, List, MD3Colors, Snackbar, Text } from 'react-native-paper';
 
-import { useExampleTheme } from '../hooks/useExampleTheme';
 import ScreenWrapper from '../ScreenWrapper';
 
 const ChipExample = () => {
@@ -19,8 +11,7 @@ const ChipExample = () => {
     visible: false,
     text: '',
   });
-  const { isV3 } = useExampleTheme();
-  const customColor = isV3 ? MD3Colors.error50 : MD2Colors.purple900;
+  const customColor = MD3Colors.error50;
 
   return (
     <>
@@ -30,24 +21,20 @@ const ChipExample = () => {
             <Chip selected onPress={() => {}} style={styles.chip}>
               Simple
             </Chip>
-            {isV3 && (
-              <>
-                <Chip
-                  selected
-                  showSelectedOverlay
-                  onPress={() => {}}
-                  style={styles.chip}
-                >
-                  With selected overlay
-                </Chip>
-                <Chip elevated onPress={() => {}} style={styles.chip}>
-                  Elevated
-                </Chip>
-                <Chip compact style={styles.chip} onPress={() => {}}>
-                  Compact chip
-                </Chip>
-              </>
-            )}
+            <Chip
+              selected
+              showSelectedOverlay
+              onPress={() => {}}
+              style={styles.chip}
+            >
+              With selected overlay
+            </Chip>
+            <Chip elevated onPress={() => {}} style={styles.chip}>
+              Elevated
+            </Chip>
+            <Chip compact style={styles.chip} onPress={() => {}}>
+              Compact chip
+            </Chip>
             <Chip
               onPress={() => {}}
               onClose={() =>
@@ -137,35 +124,31 @@ const ChipExample = () => {
             <Chip mode="outlined" onPress={() => {}} style={styles.chip}>
               Simple
             </Chip>
-            {isV3 && (
-              <>
-                <Chip
-                  mode="outlined"
-                  selected
-                  showSelectedOverlay
-                  onPress={() => {}}
-                  style={styles.chip}
-                >
-                  With selected overlay
-                </Chip>
-                <Chip
-                  mode="outlined"
-                  elevated
-                  onPress={() => {}}
-                  style={styles.chip}
-                >
-                  Elevated
-                </Chip>
-                <Chip
-                  mode="outlined"
-                  compact
-                  onPress={() => {}}
-                  style={styles.chip}
-                >
-                  Compact chip
-                </Chip>
-              </>
-            )}
+            <Chip
+              mode="outlined"
+              selected
+              showSelectedOverlay
+              onPress={() => {}}
+              style={styles.chip}
+            >
+              With selected overlay
+            </Chip>
+            <Chip
+              mode="outlined"
+              elevated
+              onPress={() => {}}
+              style={styles.chip}
+            >
+              Elevated
+            </Chip>
+            <Chip
+              mode="outlined"
+              compact
+              onPress={() => {}}
+              style={styles.chip}
+            >
+              Compact chip
+            </Chip>
             <Chip
               mode="outlined"
               onPress={() => {}}
@@ -251,38 +234,34 @@ const ChipExample = () => {
         </List.Section>
         <List.Section title="Custom chip">
           <View style={styles.row}>
-            {isV3 && (
-              <>
-                <Chip
-                  mode="outlined"
-                  onPress={() => {}}
-                  compact
-                  avatar={
-                    <Image
-                      source={require('../../assets/images/avatar.png')}
-                      accessibilityIgnoresInvertColors
-                    />
-                  }
-                  style={[styles.chip, styles.customBorderRadius]}
-                >
-                  Compact with custom border radius
-                </Chip>
-                <Chip
-                  mode="flat"
-                  onPress={() => {}}
-                  compact
-                  avatar={
-                    <Image
-                      source={require('../../assets/images/avatar.png')}
-                      accessibilityIgnoresInvertColors
-                    />
-                  }
-                  style={[styles.chip, styles.customBorderRadius]}
-                >
-                  Compact with custom border radius
-                </Chip>
-              </>
-            )}
+            <Chip
+              mode="outlined"
+              onPress={() => {}}
+              compact
+              avatar={
+                <Image
+                  source={require('../../assets/images/avatar.png')}
+                  accessibilityIgnoresInvertColors
+                />
+              }
+              style={[styles.chip, styles.customBorderRadius]}
+            >
+              Compact with custom border radius
+            </Chip>
+            <Chip
+              mode="flat"
+              onPress={() => {}}
+              compact
+              avatar={
+                <Image
+                  source={require('../../assets/images/avatar.png')}
+                  accessibilityIgnoresInvertColors
+                />
+              }
+              style={[styles.chip, styles.customBorderRadius]}
+            >
+              Compact with custom border radius
+            </Chip>
             <Chip
               mode="outlined"
               onPress={() => {}}
diff --git a/example/src/Examples/DialogExample.tsx b/example/src/Examples/DialogExample.tsx
index 4a9de665d7..d926ae6616 100644
--- a/example/src/Examples/DialogExample.tsx
+++ b/example/src/Examples/DialogExample.tsx
@@ -12,7 +12,6 @@ import {
   DialogWithRadioBtns,
   UndismissableDialog,
 } from './Dialogs';
-import { useExampleTheme } from '../hooks/useExampleTheme';
 import ScreenWrapper from '../ScreenWrapper';
 
 type ButtonVisibility = {
@@ -21,7 +20,6 @@ type ButtonVisibility = {
 
 const DialogExample = () => {
   const [visible, setVisible] = React.useState<ButtonVisibility>({});
-  const { isV3 } = useExampleTheme();
 
   const _toggleDialog = (name: string) => () =>
     setVisible({ ...visible, [name]: !visible[name] });
@@ -65,15 +63,13 @@ const DialogExample = () => {
       >
         Custom colors
       </Button>
-      {isV3 && (
-        <Button
-          mode="outlined"
-          onPress={_toggleDialog('dialog6')}
-          style={styles.button}
-        >
-          With icon
-        </Button>
-      )}
+      <Button
+        mode="outlined"
+        onPress={_toggleDialog('dialog6')}
+        style={styles.button}
+      >
+        With icon
+      </Button>
       {Platform.OS === 'android' && (
         <Button
           mode="outlined"
@@ -103,12 +99,10 @@ const DialogExample = () => {
         visible={_getVisible('dialog5')}
         close={_toggleDialog('dialog5')}
       />
-      {isV3 && (
-        <DialogWithIcon
-          visible={_getVisible('dialog6')}
-          close={_toggleDialog('dialog6')}
-        />
-      )}
+      <DialogWithIcon
+        visible={_getVisible('dialog6')}
+        close={_toggleDialog('dialog6')}
+      />
       <DialogWithDismissableBackButton
         visible={_getVisible('dialog7')}
         close={_toggleDialog('dialog7')}
diff --git a/example/src/Examples/Dialogs/DialogTextComponent.tsx b/example/src/Examples/Dialogs/DialogTextComponent.tsx
index 2ab58604b2..754320a0cc 100644
--- a/example/src/Examples/Dialogs/DialogTextComponent.tsx
+++ b/example/src/Examples/Dialogs/DialogTextComponent.tsx
@@ -1,31 +1,19 @@
 import * as React from 'react';
 
-import {
-  Paragraph,
-  Subheading,
-  Text as NativeText,
-  Text,
-} from 'react-native-paper';
-
-import { useExampleTheme } from '../../hooks/useExampleTheme';
+import { Text as NativeText, Text, useTheme } from 'react-native-paper';
 
 type Props = React.ComponentProps<typeof NativeText> & {
   isSubheading?: boolean;
 };
 
 export const TextComponent = ({ isSubheading = false, ...props }: Props) => {
-  const theme = useExampleTheme();
+  const { colors } = useTheme();
 
-  if (theme.isV3) {
-    return (
-      <Text
-        variant={isSubheading ? 'bodyLarge' : 'bodyMedium'}
-        style={{ color: theme.colors.onSurfaceVariant }}
-        {...props}
-      />
-    );
-  } else if (isSubheading) {
-    return <Subheading {...props} />;
-  }
-  return <Paragraph {...props} />;
+  return (
+    <Text
+      variant={isSubheading ? 'bodyLarge' : 'bodyMedium'}
+      style={{ color: colors.onSurfaceVariant }}
+      {...props}
+    />
+  );
 };
diff --git a/example/src/Examples/Dialogs/DialogWithCustomColors.tsx b/example/src/Examples/Dialogs/DialogWithCustomColors.tsx
index 251b7b6fdb..11aa996d48 100644
--- a/example/src/Examples/Dialogs/DialogWithCustomColors.tsx
+++ b/example/src/Examples/Dialogs/DialogWithCustomColors.tsx
@@ -1,15 +1,8 @@
 import * as React from 'react';
 
-import {
-  Button,
-  Portal,
-  Dialog,
-  MD2Colors,
-  MD3Colors,
-} from 'react-native-paper';
+import { Button, Portal, Dialog, MD3Colors } from 'react-native-paper';
 
 import { TextComponent } from './DialogTextComponent';
-import { useExampleTheme } from '../../hooks/useExampleTheme';
 
 const DialogWithCustomColors = ({
   visible,
@@ -18,34 +11,25 @@ const DialogWithCustomColors = ({
   visible: boolean;
   close: () => void;
 }) => {
-  const { isV3 } = useExampleTheme();
-
   return (
     <Portal>
       <Dialog
         onDismiss={close}
         style={{
-          backgroundColor: isV3 ? MD3Colors.primary10 : MD2Colors.purple900,
+          backgroundColor: MD3Colors.primary10,
         }}
         visible={visible}
       >
-        <Dialog.Title
-          style={{ color: isV3 ? MD3Colors.primary95 : MD2Colors.white }}
-        >
+        <Dialog.Title style={{ color: MD3Colors.primary95 }}>
           Alert
         </Dialog.Title>
         <Dialog.Content>
-          <TextComponent
-            style={{ color: isV3 ? MD3Colors.primary95 : MD2Colors.white }}
-          >
+          <TextComponent style={{ color: MD3Colors.primary95 }}>
             This is a dialog with custom colors
           </TextComponent>
         </Dialog.Content>
         <Dialog.Actions>
-          <Button
-            color={isV3 ? MD3Colors.primary95 : MD2Colors.white}
-            onPress={close}
-          >
+          <Button textColor={MD3Colors.primary95} onPress={close}>
             Ok
           </Button>
         </Dialog.Actions>
diff --git a/example/src/Examples/Dialogs/DialogWithDismissableBackButton.tsx b/example/src/Examples/Dialogs/DialogWithDismissableBackButton.tsx
index 32512dc91d..689a22b082 100644
--- a/example/src/Examples/Dialogs/DialogWithDismissableBackButton.tsx
+++ b/example/src/Examples/Dialogs/DialogWithDismissableBackButton.tsx
@@ -1,6 +1,6 @@
 import * as React from 'react';
 
-import { Button, Portal, Dialog, MD2Colors } from 'react-native-paper';
+import { Button, Portal, Dialog, MD3Colors } from 'react-native-paper';
 
 import { TextComponent } from './DialogTextComponent';
 
@@ -26,7 +26,7 @@ const DialogWithDismissableBackButton = ({
         </TextComponent>
       </Dialog.Content>
       <Dialog.Actions>
-        <Button color={MD2Colors.teal500} disabled>
+        <Button textColor={MD3Colors.tertiary50} disabled>
           Disagree
         </Button>
         <Button onPress={close}>Agree</Button>
diff --git a/example/src/Examples/Dialogs/DialogWithLoadingIndicator.tsx b/example/src/Examples/Dialogs/DialogWithLoadingIndicator.tsx
index 5ef9e7e7f2..5860737e3e 100644
--- a/example/src/Examples/Dialogs/DialogWithLoadingIndicator.tsx
+++ b/example/src/Examples/Dialogs/DialogWithLoadingIndicator.tsx
@@ -1,10 +1,9 @@
 import * as React from 'react';
 import { ActivityIndicator, Platform, StyleSheet, View } from 'react-native';
 
-import { Dialog, MD2Colors, MD3Colors, Portal } from 'react-native-paper';
+import { Dialog, MD3Colors, Portal } from 'react-native-paper';
 
 import { TextComponent } from './DialogTextComponent';
-import { useExampleTheme } from '../../hooks/useExampleTheme';
 
 const isIOS = Platform.OS === 'ios';
 
@@ -15,7 +14,6 @@ const DialogWithLoadingIndicator = ({
   visible: boolean;
   close: () => void;
 }) => {
-  const { isV3 } = useExampleTheme();
   return (
     <Portal>
       <Dialog onDismiss={close} visible={visible}>
@@ -23,7 +21,7 @@ const DialogWithLoadingIndicator = ({
         <Dialog.Content>
           <View style={styles.flexing}>
             <ActivityIndicator
-              color={isV3 ? MD3Colors.tertiary30 : MD2Colors.indigo500}
+              color={MD3Colors.tertiary30}
               size={isIOS ? 'large' : 48}
               style={styles.marginRight}
             />
diff --git a/example/src/Examples/Dialogs/UndismissableDialog.tsx b/example/src/Examples/Dialogs/UndismissableDialog.tsx
index 2af40f4e97..647d3c96d3 100644
--- a/example/src/Examples/Dialogs/UndismissableDialog.tsx
+++ b/example/src/Examples/Dialogs/UndismissableDialog.tsx
@@ -1,6 +1,6 @@
 import * as React from 'react';
 
-import { Button, Portal, Dialog, MD2Colors } from 'react-native-paper';
+import { Button, Portal, Dialog, MD3Colors } from 'react-native-paper';
 
 import { TextComponent } from './DialogTextComponent';
 
@@ -18,7 +18,7 @@ const UndismissableDialog = ({
         <TextComponent>This is an undismissable dialog!!</TextComponent>
       </Dialog.Content>
       <Dialog.Actions>
-        <Button color={MD2Colors.teal500} disabled>
+        <Button textColor={MD3Colors.tertiary50} disabled>
           Disagree
         </Button>
         <Button onPress={close}>Agree</Button>
diff --git a/example/src/Examples/DividerExample.tsx b/example/src/Examples/DividerExample.tsx
index bbf5e7efb2..c3c2c6b770 100644
--- a/example/src/Examples/DividerExample.tsx
+++ b/example/src/Examples/DividerExample.tsx
@@ -1,15 +1,14 @@
 import * as React from 'react';
 import { FlatList } from 'react-native';
 
-import { Divider, List } from 'react-native-paper';
+import { Divider, List, useTheme } from 'react-native-paper';
 
-import { useExampleTheme } from '../hooks/useExampleTheme';
 import ScreenWrapper from '../ScreenWrapper';
 
 const items = ['Apple', 'Banana', 'Coconut', 'Lemon', 'Mango', 'Peach'];
 
 const DividerExample = () => {
-  const { colors } = useExampleTheme();
+  const { colors } = useTheme();
 
   return (
     <ScreenWrapper withScrollView={false}>
diff --git a/example/src/Examples/FABExample.tsx b/example/src/Examples/FABExample.tsx
index 0cff916980..e7db1118a7 100644
--- a/example/src/Examples/FABExample.tsx
+++ b/example/src/Examples/FABExample.tsx
@@ -4,7 +4,6 @@ import { Alert, StyleSheet, View } from 'react-native';
 import { FAB, Portal, Text } from 'react-native-paper';
 
 import { isWeb } from '../../utils';
-import { useExampleTheme } from '../hooks/useExampleTheme';
 import ScreenWrapper from '../ScreenWrapper';
 
 type FABVariant = 'primary' | 'secondary' | 'tertiary' | 'surface';
@@ -16,7 +15,6 @@ const FABExample = () => {
   const [toggleStackOnLongPress, setToggleStackOnLongPress] =
     React.useState<boolean>(false);
   const [open, setOpen] = React.useState<boolean>(false);
-  const { isV3 } = useExampleTheme();
 
   const variants = ['primary', 'secondary', 'tertiary', 'surface'];
   const sizes = ['small', 'medium', 'large'];
@@ -32,69 +30,49 @@ const FABExample = () => {
           onPress={() => setVisible(!visible)}
         />
       </View>
-      {isV3 && (
-        <>
-          <View style={styles.row}>
-            {variants.map((variant) => (
-              <View style={styles.fabVariant} key={variant}>
-                <FAB
-                  icon="pencil"
-                  style={styles.fab}
-                  onPress={() => {}}
-                  visible={visible}
-                  variant={variant as FABVariant}
-                />
-                {visible && <Text variant="bodyMedium">{variant}</Text>}
-              </View>
-            ))}
-          </View>
-          <View style={styles.row}>
-            {sizes.map((size) => (
-              <View style={styles.fabVariant} key={size}>
-                <FAB
-                  icon="pencil"
-                  style={styles.fab}
-                  onPress={() => {}}
-                  visible={visible}
-                  size={size as FABSize}
-                />
-                {visible && <Text variant="bodyMedium">{size}</Text>}
-              </View>
-            ))}
-          </View>
-          <View style={styles.row}>
-            {modes.map((mode) => (
-              <View style={styles.fabVariant} key={mode}>
-                <FAB
-                  icon="pencil"
-                  style={styles.fab}
-                  onPress={() => {}}
-                  visible={visible}
-                  mode={mode as FABMode}
-                />
-                {visible && <Text variant="bodyMedium">{mode}</Text>}
-              </View>
-            ))}
+      <View style={styles.row}>
+        {variants.map((variant) => (
+          <View style={styles.fabVariant} key={variant}>
+            <FAB
+              icon="pencil"
+              style={styles.fab}
+              onPress={() => {}}
+              visible={visible}
+              variant={variant as FABVariant}
+            />
+            {visible && <Text variant="bodyMedium">{variant}</Text>}
           </View>
-        </>
-      )}
-      <View style={styles.column}>
-        {!isV3 && (
-          <>
+        ))}
+      </View>
+      <View style={styles.row}>
+        {sizes.map((size) => (
+          <View style={styles.fabVariant} key={size}>
             <FAB
-              icon="heart"
+              icon="pencil"
               style={styles.fab}
               onPress={() => {}}
               visible={visible}
+              size={size as FABSize}
             />
+            {visible && <Text variant="bodyMedium">{size}</Text>}
+          </View>
+        ))}
+      </View>
+      <View style={styles.row}>
+        {modes.map((mode) => (
+          <View style={styles.fabVariant} key={mode}>
             <FAB
-              icon="heart"
+              icon="pencil"
               style={styles.fab}
               onPress={() => {}}
               visible={visible}
+              mode={mode as FABMode}
             />
-          </>
-        )}
+            {visible && <Text variant="bodyMedium">{mode}</Text>}
+          </View>
+        ))}
+      </View>
+      <View style={styles.column}>
         <FAB
           icon="map"
           style={styles.fab}
@@ -155,7 +133,7 @@ const FABExample = () => {
                 icon: 'bell',
                 label: 'Remind',
                 onPress: () => {},
-                size: isV3 ? 'small' : 'medium',
+                size: 'small',
               },
               {
                 icon: toggleStackOnLongPress
diff --git a/example/src/Examples/IconButtonExample.tsx b/example/src/Examples/IconButtonExample.tsx
index 6342b1e144..a776815a37 100644
--- a/example/src/Examples/IconButtonExample.tsx
+++ b/example/src/Examples/IconButtonExample.tsx
@@ -1,36 +1,11 @@
 import * as React from 'react';
 import { StyleSheet, View } from 'react-native';
 
-import { IconButton, List, MD2Colors, MD3Colors } from 'react-native-paper';
+import { IconButton, List, MD3Colors } from 'react-native-paper';
 
-import { useExampleTheme } from '../hooks/useExampleTheme';
 import ScreenWrapper from '../ScreenWrapper';
 
 const ButtonExample = () => {
-  const { isV3 } = useExampleTheme();
-  if (!isV3) {
-    return (
-      <ScreenWrapper contentContainerStyle={styles.v2Container}>
-        <IconButton icon="camera" size={24} onPress={() => {}} />
-        <IconButton
-          icon="lock"
-          size={24}
-          iconColor={MD2Colors.green500}
-          onPress={() => {}}
-        />
-        <IconButton icon="" size={24} onPress={() => {}} loading />
-        <IconButton icon="camera" size={36} onPress={() => {}} />
-        <IconButton
-          icon="lock"
-          size={36}
-          onPress={() => {}}
-          style={{ backgroundColor: MD2Colors.lightGreen200 }}
-        />
-        <IconButton icon="heart" size={60} onPress={() => {}} />
-      </ScreenWrapper>
-    );
-  }
-
   return (
     <ScreenWrapper contentContainerStyle={styles.v3Container}>
       <List.Section title="Default">
@@ -162,7 +137,7 @@ const ButtonExample = () => {
             mode="contained"
             style={styles.slightlyRounded}
             size={24}
-            contentStyle={{ padding: 8 }}
+            contentStyle={styles.padding}
             iconColor={MD3Colors.tertiary50}
             onPress={() => {}}
           />
@@ -200,16 +175,13 @@ const ButtonExample = () => {
 ButtonExample.title = 'Icon Button';
 
 const styles = StyleSheet.create({
-  v2Container: {
-    flexDirection: 'row',
-    padding: 8,
-  },
   v3Container: {
     flexDirection: 'column',
   },
   row: {
     flexDirection: 'row',
     paddingHorizontal: 12,
+    flexWrap: 'wrap',
   },
   square: {
     borderRadius: 0,
@@ -225,6 +197,9 @@ const styles = StyleSheet.create({
     borderBottomLeftRadius: 8,
     borderBottomRightRadius: 6,
   },
+  padding: {
+    padding: 8,
+  },
 });
 
 export default ButtonExample;
diff --git a/example/src/Examples/MenuExample.tsx b/example/src/Examples/MenuExample.tsx
index c1164d35b6..027cc5b84d 100644
--- a/example/src/Examples/MenuExample.tsx
+++ b/example/src/Examples/MenuExample.tsx
@@ -16,7 +16,6 @@ import {
   TouchableRipple,
 } from 'react-native-paper';
 
-import { useExampleTheme } from '../hooks/useExampleTheme';
 import ScreenWrapper from '../ScreenWrapper';
 
 type ContextualMenuCoord = { x: number; y: number };
@@ -35,7 +34,6 @@ const MenuExample = ({ navigation }: Props) => {
   const [visible, setVisible] = React.useState<MenuVisibility>({});
   const [contextualMenuCoord, setContextualMenuCoor] =
     React.useState<ContextualMenuCoord>({ x: 0, y: 0 });
-  const { isV3 } = useExampleTheme();
 
   const _toggleMenu = (name: string) => () =>
     setVisible({ ...visible, [name]: !visible[name] });
@@ -66,16 +64,12 @@ const MenuExample = ({ navigation }: Props) => {
           visible={_getVisible('menu1')}
           onDismiss={_toggleMenu('menu1')}
           anchor={
-            <Appbar.Action
-              icon={MORE_ICON}
-              onPress={_toggleMenu('menu1')}
-              {...(!isV3 && { color: 'white' })}
-            />
+            <Appbar.Action icon={MORE_ICON} onPress={_toggleMenu('menu1')} />
           }
         >
           <Menu.Item onPress={() => {}} title="Undo" />
           <Menu.Item onPress={() => {}} title="Redo" />
-          <Divider style={isV3 && styles.md3Divider} />
+          <Divider style={styles.md3Divider} />
           <Menu.Item onPress={() => {}} title="Cut" disabled />
           <Menu.Item onPress={() => {}} title="Copy" disabled />
           <Menu.Item onPress={() => {}} title="Paste" />
@@ -99,7 +93,7 @@ const MenuExample = ({ navigation }: Props) => {
               <Menu.Item leadingIcon="undo" onPress={() => {}} title="Undo" />
               <Menu.Item leadingIcon="redo" onPress={() => {}} title="Redo" />
 
-              <Divider style={isV3 && styles.md3Divider} />
+              <Divider style={styles.md3Divider} />
 
               <Menu.Item
                 leadingIcon="content-cut"
@@ -118,13 +112,11 @@ const MenuExample = ({ navigation }: Props) => {
                 onPress={() => {}}
                 title="Paste"
               />
-              {isV3 && (
-                <Menu.Item
-                  trailingIcon="share-variant"
-                  onPress={() => {}}
-                  title="Share"
-                />
-              )}
+              <Menu.Item
+                trailingIcon="share-variant"
+                onPress={() => {}}
+                title="Share"
+              />
             </Menu>
           </View>
           <Menu
@@ -134,7 +126,7 @@ const MenuExample = ({ navigation }: Props) => {
           >
             <Menu.Item onPress={() => {}} title="Item 1" />
             <Menu.Item onPress={() => {}} title="Item 2" />
-            <Divider style={isV3 && styles.md3Divider} />
+            <Divider style={styles.md3Divider} />
             <Menu.Item onPress={() => {}} title="Item 3" disabled />
           </Menu>
           <List.Section style={styles.list} title="Contextual menu">
diff --git a/example/src/Examples/ProgressBarExample.tsx b/example/src/Examples/ProgressBarExample.tsx
index 565147f4c6..6a910bc348 100644
--- a/example/src/Examples/ProgressBarExample.tsx
+++ b/example/src/Examples/ProgressBarExample.tsx
@@ -4,13 +4,12 @@ import { View, StyleSheet, Animated } from 'react-native';
 import {
   Button,
   ProgressBar,
-  MD2Colors,
   MD3Colors,
   ProgressBarProps,
   Text,
+  useTheme,
 } from 'react-native-paper';
 
-import { useExampleTheme } from '../hooks/useExampleTheme';
 import ScreenWrapper from '../ScreenWrapper';
 
 class ClassProgressBar extends React.Component {
@@ -28,8 +27,7 @@ const AnimatedProgressBar = Animated.createAnimatedComponent(ClassProgressBar);
 const ProgressBarExample = () => {
   const [visible, setVisible] = React.useState<boolean>(true);
   const [progress, setProgress] = React.useState<number>(0.3);
-  const theme = useExampleTheme();
-  const { isV3 } = theme;
+  const theme = useTheme();
   const { current: progressBarValue } = React.useRef(new Animated.Value(0));
 
   const runCustomAnimation = () => {
@@ -64,7 +62,7 @@ const ProgressBarExample = () => {
         <ProgressBar
           progress={progress}
           visible={visible}
-          color={isV3 ? MD3Colors.error50 : MD2Colors.red800}
+          color={MD3Colors.error50}
         />
       </View>
 
@@ -75,9 +73,9 @@ const ProgressBarExample = () => {
         <ProgressBar
           progress={progress}
           visible={visible}
-          color={MD2Colors.red800}
+          color={MD3Colors.error50}
           style={{
-            backgroundColor: isV3 ? MD3Colors.secondary50 : MD2Colors.teal500,
+            backgroundColor: MD3Colors.secondary50,
           }}
         />
       </View>
diff --git a/example/src/Examples/RadioButtonExample.tsx b/example/src/Examples/RadioButtonExample.tsx
index 88bf9ebfb7..7e3b3cf754 100644
--- a/example/src/Examples/RadioButtonExample.tsx
+++ b/example/src/Examples/RadioButtonExample.tsx
@@ -2,29 +2,24 @@ import * as React from 'react';
 import { StyleSheet, View } from 'react-native';
 
 import {
-  MD2Colors,
   MD3Colors,
-  Paragraph,
   RadioButton,
   Text,
   TouchableRipple,
 } from 'react-native-paper';
 
-import { useExampleTheme } from '../hooks/useExampleTheme';
 import ScreenWrapper from '../ScreenWrapper';
 
 type State = 'normal' | 'normal-ios' | 'normal-item' | 'custom';
 
 const RadioButtonExample = () => {
   const [checked, setChecked] = React.useState<State>('normal');
-  const { isV3 } = useExampleTheme();
-  const TextComponent = isV3 ? Text : Paragraph;
 
   return (
     <ScreenWrapper style={styles.container}>
       <TouchableRipple onPress={() => setChecked('normal')}>
         <View style={styles.row}>
-          <TextComponent>Normal - Material Design</TextComponent>
+          <Text>Normal - Material Design</Text>
           <View pointerEvents="none">
             <RadioButton.Android
               value="normal"
@@ -35,7 +30,7 @@ const RadioButtonExample = () => {
       </TouchableRipple>
       <TouchableRipple onPress={() => setChecked('normal-ios')}>
         <View style={styles.row}>
-          <TextComponent>Normal 2 - IOS</TextComponent>
+          <Text>Normal 2 - IOS</Text>
           <View pointerEvents="none">
             <RadioButton.IOS
               value="normal-ios"
@@ -46,11 +41,11 @@ const RadioButtonExample = () => {
       </TouchableRipple>
       <TouchableRipple onPress={() => setChecked('custom')}>
         <View style={styles.row}>
-          <TextComponent>Custom</TextComponent>
+          <Text>Custom</Text>
           <View pointerEvents="none">
             <RadioButton
               value="custom"
-              color={isV3 ? MD3Colors.error70 : MD2Colors.blue500}
+              color={MD3Colors.error70}
               status={checked === 'custom' ? 'checked' : 'unchecked'}
             />
           </View>
@@ -63,11 +58,11 @@ const RadioButtonExample = () => {
         onPress={() => setChecked('normal-item')}
       />
       <View style={styles.row}>
-        <TextComponent>Checked (Disabled)</TextComponent>
+        <Text>Checked (Disabled)</Text>
         <RadioButton value="first" status="checked" disabled />
       </View>
       <View style={styles.row}>
-        <TextComponent>Unchecked (Disabled)</TextComponent>
+        <Text>Unchecked (Disabled)</Text>
         <RadioButton value="second" status="unchecked" disabled />
       </View>
       <RadioButton.Item
diff --git a/example/src/Examples/RadioButtonGroupExample.tsx b/example/src/Examples/RadioButtonGroupExample.tsx
index 6d614911ce..dc7977acb8 100644
--- a/example/src/Examples/RadioButtonGroupExample.tsx
+++ b/example/src/Examples/RadioButtonGroupExample.tsx
@@ -1,17 +1,15 @@
 import * as React from 'react';
 import { StyleSheet, View } from 'react-native';
 
-import { List, Paragraph, RadioButton, Text } from 'react-native-paper';
+import { List, RadioButton, Text, useTheme } from 'react-native-paper';
 
-import { useExampleTheme } from '../hooks/useExampleTheme';
 import ScreenWrapper from '../ScreenWrapper';
 
 const RadioButtonGroupExample = () => {
   const [value, setValue] = React.useState('first');
   const [value2, setValue2] = React.useState('first');
 
-  const { colors, isV3 } = useExampleTheme();
-  const TextComponent = isV3 ? Text : Paragraph;
+  const { colors } = useTheme();
 
   return (
     <ScreenWrapper>
@@ -21,15 +19,15 @@ const RadioButtonGroupExample = () => {
           onValueChange={(value: string) => setValue(value)}
         >
           <View style={styles.row}>
-            <TextComponent>First</TextComponent>
+            <Text>First</Text>
             <RadioButton value="first" />
           </View>
           <View style={styles.row}>
-            <TextComponent>Second</TextComponent>
+            <Text>Second</Text>
             <RadioButton.Android value="second" />
           </View>
           <View style={styles.row}>
-            <TextComponent>Third</TextComponent>
+            <Text>Third</Text>
             <RadioButton.IOS value="third" />
           </View>
         </RadioButton.Group>
diff --git a/example/src/Examples/RadioButtonItemExample.tsx b/example/src/Examples/RadioButtonItemExample.tsx
index 38eff755a5..e640a1dd0a 100644
--- a/example/src/Examples/RadioButtonItemExample.tsx
+++ b/example/src/Examples/RadioButtonItemExample.tsx
@@ -3,7 +3,6 @@ import { StyleSheet } from 'react-native';
 
 import { RadioButton } from 'react-native-paper';
 
-import { useExampleTheme } from '../hooks/useExampleTheme';
 import ScreenWrapper from '../ScreenWrapper';
 
 const RadioButtonItemExample = () => {
@@ -15,8 +14,6 @@ const RadioButtonItemExample = () => {
   const [checkedDisabled, setCheckedDisabled] = React.useState<boolean>(true);
   const [checkedLabelVariant, setCheckedLabelVariant] = React.useState(true);
 
-  const { isV3 } = useExampleTheme();
-
   return (
     <ScreenWrapper style={styles.container}>
       <RadioButton.Item
@@ -53,15 +50,13 @@ const RadioButtonItemExample = () => {
         value="iOS"
         disabled
       />
-      {isV3 && (
-        <RadioButton.Item
-          label="Default with titleLarge title variant"
-          labelVariant="titleLarge"
-          status={checkedLabelVariant ? 'checked' : 'unchecked'}
-          onPress={() => setCheckedLabelVariant(!checkedLabelVariant)}
-          value="default"
-        />
-      )}
+      <RadioButton.Item
+        label="Default with titleLarge title variant"
+        labelVariant="titleLarge"
+        status={checkedLabelVariant ? 'checked' : 'unchecked'}
+        onPress={() => setCheckedLabelVariant(!checkedLabelVariant)}
+        value="default"
+      />
     </ScreenWrapper>
   );
 };
diff --git a/example/src/Examples/SearchbarExample.tsx b/example/src/Examples/SearchbarExample.tsx
index 51a8af3ed8..9ba8a4cfb0 100644
--- a/example/src/Examples/SearchbarExample.tsx
+++ b/example/src/Examples/SearchbarExample.tsx
@@ -9,9 +9,9 @@ import {
   Searchbar,
   Snackbar,
   Avatar,
+  useTheme,
 } from 'react-native-paper';
 
-import { useExampleTheme } from '../hooks/useExampleTheme';
 import ScreenWrapper from '../ScreenWrapper';
 
 type Props = {
@@ -34,12 +34,12 @@ const SearchExample = ({ navigation }: Props) => {
     clickableLoading: '',
   });
 
-  const { isV3, colors } = useExampleTheme();
+  const { colors } = useTheme();
 
   return (
     <>
       <ScreenWrapper>
-        {!isV3 && (
+        <List.Section title="Bar mode">
           <Searchbar
             placeholder="Search"
             onChangeText={(query) =>
@@ -47,136 +47,122 @@ const SearchExample = ({ navigation }: Props) => {
             }
             value={searchQueries.searchBarMode}
             style={styles.searchbar}
+            mode="bar"
           />
-        )}
-        {isV3 && (
-          <List.Section title="Bar mode">
-            <Searchbar
-              placeholder="Search"
-              onChangeText={(query) =>
-                setSearchQuery({ ...searchQueries, searchBarMode: query })
-              }
-              value={searchQueries.searchBarMode}
-              style={styles.searchbar}
-              mode="bar"
-            />
-            <Searchbar
-              placeholder="Trailering icon"
-              onChangeText={(query) =>
-                setSearchQuery({ ...searchQueries, traileringIcon: query })
-              }
-              value={searchQueries.traileringIcon}
-              traileringIcon={'microphone'}
-              traileringIconColor={
-                isVisible ? MD3Colors.error40 : colors.onSurfaceVariant
-              }
-              traileringIconAccessibilityLabel={'microphone button'}
-              onTraileringIconPress={() => setIsVisible(true)}
-              style={styles.searchbar}
-              mode="bar"
-            />
-            <Searchbar
-              mode="bar"
-              placeholder="Trailering icon with right item"
-              onChangeText={(query) =>
-                setSearchQuery({
-                  ...searchQueries,
-                  traileringIconWithRightItem: query,
-                })
-              }
-              value={searchQueries.traileringIconWithRightItem}
-              traileringIcon={'microphone'}
-              traileringIconColor={
-                isVisible ? MD3Colors.error40 : colors.onSurfaceVariant
-              }
-              traileringIconAccessibilityLabel={'microphone button'}
-              onTraileringIconPress={() => setIsVisible(true)}
-              right={(props) => (
-                <Avatar.Image
-                  {...props}
-                  size={30}
-                  source={require('../../assets/images/avatar.png')}
-                />
-              )}
-              style={styles.searchbar}
-            />
-            <Searchbar
-              mode="bar"
-              placeholder="Right item"
-              onChangeText={(query) =>
-                setSearchQuery({
-                  ...searchQueries,
-                  rightItem: query,
-                })
-              }
-              value={searchQueries.rightItem}
-              right={(props) => (
-                <Avatar.Image
-                  {...props}
-                  size={30}
-                  source={require('../../assets/images/avatar.png')}
-                />
-              )}
-              style={styles.searchbar}
-            />
-            <Searchbar
-              placeholder="Loading"
-              onChangeText={(query) =>
-                setSearchQuery({
-                  ...searchQueries,
-                  loadingBarMode: query,
-                })
-              }
-              value={searchQueries.loadingBarMode}
-              style={styles.searchbar}
-              mode="bar"
-              loading
-              traileringIcon={'microphone'}
-            />
-          </List.Section>
-        )}
-        {isV3 && (
-          <List.Section title="View mode">
-            <Searchbar
-              placeholder="Search"
-              onChangeText={(query) =>
-                setSearchQuery({
-                  ...searchQueries,
-                  searchViewMode: query,
-                })
-              }
-              value={searchQueries.searchViewMode}
-              style={styles.searchbar}
-              mode="view"
-            />
-            <Searchbar
-              placeholder="Search without bottom line"
-              onChangeText={(query) =>
-                setSearchQuery({
-                  ...searchQueries,
-                  searchWithoutBottomLine: query,
-                })
-              }
-              value={searchQueries.searchWithoutBottomLine}
-              style={styles.searchbar}
-              mode="view"
-              showDivider={false}
-            />
-            <Searchbar
-              placeholder="Loading"
-              onChangeText={(query) =>
-                setSearchQuery({
-                  ...searchQueries,
-                  loadingViewMode: query,
-                })
-              }
-              value={searchQueries.loadingViewMode}
-              style={styles.searchbar}
-              mode="view"
-              loading
-            />
-          </List.Section>
-        )}
+          <Searchbar
+            placeholder="Trailering icon"
+            onChangeText={(query) =>
+              setSearchQuery({ ...searchQueries, traileringIcon: query })
+            }
+            value={searchQueries.traileringIcon}
+            traileringIcon={'microphone'}
+            traileringIconColor={
+              isVisible ? MD3Colors.error40 : colors.onSurfaceVariant
+            }
+            traileringIconAccessibilityLabel={'microphone button'}
+            onTraileringIconPress={() => setIsVisible(true)}
+            style={styles.searchbar}
+            mode="bar"
+          />
+          <Searchbar
+            mode="bar"
+            placeholder="Trailering icon with right item"
+            onChangeText={(query) =>
+              setSearchQuery({
+                ...searchQueries,
+                traileringIconWithRightItem: query,
+              })
+            }
+            value={searchQueries.traileringIconWithRightItem}
+            traileringIcon={'microphone'}
+            traileringIconColor={
+              isVisible ? MD3Colors.error40 : colors.onSurfaceVariant
+            }
+            traileringIconAccessibilityLabel={'microphone button'}
+            onTraileringIconPress={() => setIsVisible(true)}
+            right={(props) => (
+              <Avatar.Image
+                {...props}
+                size={30}
+                source={require('../../assets/images/avatar.png')}
+              />
+            )}
+            style={styles.searchbar}
+          />
+          <Searchbar
+            mode="bar"
+            placeholder="Right item"
+            onChangeText={(query) =>
+              setSearchQuery({
+                ...searchQueries,
+                rightItem: query,
+              })
+            }
+            value={searchQueries.rightItem}
+            right={(props) => (
+              <Avatar.Image
+                {...props}
+                size={30}
+                source={require('../../assets/images/avatar.png')}
+              />
+            )}
+            style={styles.searchbar}
+          />
+          <Searchbar
+            placeholder="Loading"
+            onChangeText={(query) =>
+              setSearchQuery({
+                ...searchQueries,
+                loadingBarMode: query,
+              })
+            }
+            value={searchQueries.loadingBarMode}
+            style={styles.searchbar}
+            mode="bar"
+            loading
+            traileringIcon={'microphone'}
+          />
+        </List.Section>
+        <List.Section title="View mode">
+          <Searchbar
+            placeholder="Search"
+            onChangeText={(query) =>
+              setSearchQuery({
+                ...searchQueries,
+                searchViewMode: query,
+              })
+            }
+            value={searchQueries.searchViewMode}
+            style={styles.searchbar}
+            mode="view"
+          />
+          <Searchbar
+            placeholder="Search without bottom line"
+            onChangeText={(query) =>
+              setSearchQuery({
+                ...searchQueries,
+                searchWithoutBottomLine: query,
+              })
+            }
+            value={searchQueries.searchWithoutBottomLine}
+            style={styles.searchbar}
+            mode="view"
+            showDivider={false}
+          />
+          <Searchbar
+            placeholder="Loading"
+            onChangeText={(query) =>
+              setSearchQuery({
+                ...searchQueries,
+                loadingViewMode: query,
+              })
+            }
+            value={searchQueries.loadingViewMode}
+            style={styles.searchbar}
+            mode="view"
+            loading
+          />
+        </List.Section>
         <List.Section title="Clickable icon">
           <Searchbar
             placeholder="Search"
diff --git a/example/src/Examples/SnackbarExample.tsx b/example/src/Examples/SnackbarExample.tsx
index 27d4eb9568..e31955f18c 100644
--- a/example/src/Examples/SnackbarExample.tsx
+++ b/example/src/Examples/SnackbarExample.tsx
@@ -3,7 +3,6 @@ import { StyleSheet, View } from 'react-native';
 
 import { Snackbar, Button, List, Text, Switch } from 'react-native-paper';
 
-import { useExampleTheme } from '../hooks/useExampleTheme';
 import { PreferencesContext } from '../PreferencesContext';
 import ScreenWrapper from '../ScreenWrapper';
 
@@ -13,7 +12,6 @@ const LONG_MESSAGE =
 
 const SnackbarExample = () => {
   const preferences = React.useContext(PreferencesContext);
-  const theme = useExampleTheme();
 
   const [options, setOptions] = React.useState({
     showSnackbar: false,
@@ -51,17 +49,15 @@ const SnackbarExample = () => {
               }
             />
           </View>
-          {theme.isV3 && (
-            <View style={styles.row}>
-              <Text>Close icon button</Text>
-              <Switch
-                value={showCloseIcon}
-                onValueChange={() =>
-                  setOptions({ ...options, showCloseIcon: !showCloseIcon })
-                }
-              />
-            </View>
-          )}
+          <View style={styles.row}>
+            <Text>Close icon button</Text>
+            <Switch
+              value={showCloseIcon}
+              onValueChange={() =>
+                setOptions({ ...options, showCloseIcon: !showCloseIcon })
+              }
+            />
+          </View>
           <View style={styles.row}>
             <Text>Longer message</Text>
             <Switch
diff --git a/example/src/Examples/SurfaceExample.tsx b/example/src/Examples/SurfaceExample.tsx
index 48cbfa69d7..1db20da5d0 100644
--- a/example/src/Examples/SurfaceExample.tsx
+++ b/example/src/Examples/SurfaceExample.tsx
@@ -9,28 +9,20 @@ import {
   List,
 } from 'react-native-paper';
 
-import { useExampleTheme } from '../hooks/useExampleTheme';
 import ScreenWrapper from '../ScreenWrapper';
 
 const SurfaceExample = () => {
-  const { isV3 } = useExampleTheme();
-  const v2Elevation = [1, 2, 4, 8, 12];
-  const elevationValues = isV3 ? Array.from({ length: 6 }) : v2Elevation;
+  const elevationValues = Array.from({ length: 6 });
 
   const renderSurface = (index: number, mode: 'flat' | 'elevated') => (
     <Surface
       key={index}
-      style={[
-        styles.surface,
-        isV3 ? styles.v3Surface : { elevation: v2Elevation[index] },
-      ]}
+      style={styles.surface}
       mode={mode}
-      {...(isV3 && { elevation: index as MD3Elevation })}
+      elevation={index as MD3Elevation}
     >
       <Text variant="bodyLarge">
-        {isV3
-          ? `Elevation ${index === 1 ? '(default)' : ''} ${index}`
-          : `${elevationValues[index]}`}
+        `Elevation ${index === 1 ? '(default)' : ''} ${index}`
       </Text>
     </Surface>
   );
@@ -82,19 +74,12 @@ const styles = StyleSheet.create({
   },
   surface: {
     margin: 24,
-    height: 80,
-    width: 80,
     alignItems: 'center',
     justifyContent: 'center',
-  },
-  v3Surface: {
     borderRadius: 16,
     height: 200,
     width: 200,
-    alignItems: 'center',
-    justifyContent: 'center',
   },
-
   horizontalSurfacesContainer: {
     flexDirection: 'row',
     justifyContent: 'space-between',
diff --git a/example/src/Examples/SwitchExample.tsx b/example/src/Examples/SwitchExample.tsx
index a1bff15dc4..51baa12b01 100644
--- a/example/src/Examples/SwitchExample.tsx
+++ b/example/src/Examples/SwitchExample.tsx
@@ -1,24 +1,14 @@
 import * as React from 'react';
 import { Platform, StyleSheet, View } from 'react-native';
 
-import {
-  MD2Colors,
-  MD3Colors,
-  Paragraph,
-  Switch,
-  Text,
-  TouchableRipple,
-} from 'react-native-paper';
+import { MD3Colors, Switch, Text, TouchableRipple } from 'react-native-paper';
 
-import { useExampleTheme } from '../hooks/useExampleTheme';
 import ScreenWrapper from '../ScreenWrapper';
 
 const SwitchExample = () => {
   const [valueNormal, setNormalValue] = React.useState<boolean>(true);
   const [valueCustom, setCustomValue] = React.useState<boolean>(true);
 
-  const { isV3 } = useExampleTheme();
-
   const switchValueNormalLabel = `switch ${
     valueNormal === true ? 'on' : 'off'
   }`;
@@ -26,13 +16,11 @@ const SwitchExample = () => {
     valueCustom === true ? 'on' : 'off'
   }`;
 
-  const TextComponent = isV3 ? Text : Paragraph;
-
   return Platform.OS === 'android' ? (
     <ScreenWrapper style={styles.container}>
       <TouchableRipple onPress={() => setNormalValue(!valueNormal)}>
         <View style={styles.row}>
-          <TextComponent>Normal {switchValueNormalLabel}</TextComponent>
+          <Text>Normal {switchValueNormalLabel}</Text>
           <View pointerEvents="none">
             <Switch value={valueNormal} />
           </View>
@@ -40,47 +28,44 @@ const SwitchExample = () => {
       </TouchableRipple>
       <TouchableRipple onPress={() => setCustomValue(!valueCustom)}>
         <View style={styles.row}>
-          <TextComponent>Custom {switchValueCustomlLabel}</TextComponent>
+          <Text>Custom {switchValueCustomlLabel}</Text>
           <View pointerEvents="none">
-            <Switch
-              value={valueCustom}
-              color={isV3 ? MD3Colors.tertiary50 : MD2Colors.blue500}
-            />
+            <Switch value={valueCustom} color={MD3Colors.tertiary50} />
           </View>
         </View>
       </TouchableRipple>
       <View style={styles.row}>
-        <TextComponent>Switch on (disabled)</TextComponent>
+        <Text>Switch on (disabled)</Text>
         <Switch disabled value />
       </View>
       <View style={styles.row}>
-        <TextComponent>Switch off (disabled)</TextComponent>
+        <Text>Switch off (disabled)</Text>
         <Switch disabled />
       </View>
     </ScreenWrapper>
   ) : (
     <ScreenWrapper style={styles.container}>
       <View style={styles.row}>
-        <TextComponent>Normal {switchValueNormalLabel}</TextComponent>
+        <Text>Normal {switchValueNormalLabel}</Text>
         <Switch
           value={valueNormal}
           onValueChange={() => setNormalValue(!valueNormal)}
         />
       </View>
       <View style={styles.row}>
-        <TextComponent>Custom {switchValueCustomlLabel}</TextComponent>
+        <Text>Custom {switchValueCustomlLabel}</Text>
         <Switch
           value={valueCustom}
           onValueChange={() => setCustomValue(!valueCustom)}
-          color={isV3 ? MD3Colors.tertiary50 : MD2Colors.blue500}
+          color={MD3Colors.tertiary50}
         />
       </View>
       <View style={styles.row}>
-        <TextComponent>Switch on (disabled)</TextComponent>
+        <Text>Switch on (disabled)</Text>
         <Switch value disabled />
       </View>
       <View style={styles.row}>
-        <TextComponent>Switch off (disabled)</TextComponent>
+        <Text>Switch off (disabled)</Text>
         <Switch value={false} disabled />
       </View>
     </ScreenWrapper>
diff --git a/example/src/Examples/TextExample.tsx b/example/src/Examples/TextExample.tsx
index 4bd1572359..1cb96edfaf 100644
--- a/example/src/Examples/TextExample.tsx
+++ b/example/src/Examples/TextExample.tsx
@@ -2,25 +2,17 @@ import * as React from 'react';
 import { Platform, StyleSheet, View } from 'react-native';
 
 import {
-  Caption,
   configureFonts,
-  Headline,
   MD3LightTheme,
-  Paragraph,
   PaperProvider,
-  Subheading,
   customText,
-  Title,
 } from 'react-native-paper';
 
-import { useExampleTheme } from '../hooks/useExampleTheme';
 import ScreenWrapper from '../ScreenWrapper';
 
 const Text = customText<'customVariant'>();
 
 const TextExample = () => {
-  const { isV3 } = useExampleTheme();
-
   const fontConfig = {
     customVariant: {
       fontFamily: Platform.select({
@@ -44,75 +36,61 @@ const TextExample = () => {
   return (
     <ScreenWrapper>
       <View style={styles.container}>
-        {!isV3 && (
-          <>
-            <Caption style={styles.text}>Caption</Caption>
-            <Paragraph style={styles.text}>Paragraph</Paragraph>
-            <Subheading style={styles.text}>Subheading</Subheading>
-            <Title style={styles.text}>Title</Title>
-            <Headline style={styles.text}>Headline</Headline>
-          </>
-        )}
-
-        {isV3 && (
-          <>
-            <Text style={styles.text} variant="displayLarge">
-              Display Large
-            </Text>
-            <Text style={styles.text} variant="displayMedium">
-              Display Medium
-            </Text>
-            <Text style={styles.text} variant="displaySmall">
-              Display small
-            </Text>
+        <Text style={styles.text} variant="displayLarge">
+          Display Large
+        </Text>
+        <Text style={styles.text} variant="displayMedium">
+          Display Medium
+        </Text>
+        <Text style={styles.text} variant="displaySmall">
+          Display small
+        </Text>
 
-            <Text style={styles.text} variant="headlineLarge">
-              Headline Large
-            </Text>
-            <Text style={styles.text} variant="headlineMedium">
-              Headline Medium
-            </Text>
-            <Text style={styles.text} variant="headlineSmall">
-              Headline Small
-            </Text>
+        <Text style={styles.text} variant="headlineLarge">
+          Headline Large
+        </Text>
+        <Text style={styles.text} variant="headlineMedium">
+          Headline Medium
+        </Text>
+        <Text style={styles.text} variant="headlineSmall">
+          Headline Small
+        </Text>
 
-            <Text style={styles.text} variant="titleLarge">
-              Title Large
-            </Text>
-            <Text style={styles.text} variant="titleMedium">
-              Title Medium
-            </Text>
-            <Text style={styles.text} variant="titleSmall">
-              Title Small
-            </Text>
+        <Text style={styles.text} variant="titleLarge">
+          Title Large
+        </Text>
+        <Text style={styles.text} variant="titleMedium">
+          Title Medium
+        </Text>
+        <Text style={styles.text} variant="titleSmall">
+          Title Small
+        </Text>
 
-            <Text style={styles.text} variant="labelLarge">
-              Label Large
-            </Text>
-            <Text style={styles.text} variant="labelMedium">
-              Label Medium
-            </Text>
-            <Text style={styles.text} variant="labelSmall">
-              Label Small
-            </Text>
+        <Text style={styles.text} variant="labelLarge">
+          Label Large
+        </Text>
+        <Text style={styles.text} variant="labelMedium">
+          Label Medium
+        </Text>
+        <Text style={styles.text} variant="labelSmall">
+          Label Small
+        </Text>
 
-            <Text style={styles.text} variant="bodyLarge">
-              Body Large
-            </Text>
-            <Text style={styles.text} variant="bodyMedium">
-              Body Medium
-            </Text>
-            <Text style={styles.text} variant="bodySmall">
-              Body Small
-            </Text>
+        <Text style={styles.text} variant="bodyLarge">
+          Body Large
+        </Text>
+        <Text style={styles.text} variant="bodyMedium">
+          Body Medium
+        </Text>
+        <Text style={styles.text} variant="bodySmall">
+          Body Small
+        </Text>
 
-            <PaperProvider theme={theme}>
-              <Text style={styles.text} variant="customVariant">
-                Custom Variant
-              </Text>
-            </PaperProvider>
-          </>
-        )}
+        <PaperProvider theme={theme}>
+          <Text style={styles.text} variant="customVariant">
+            Custom Variant
+          </Text>
+        </PaperProvider>
       </View>
     </ScreenWrapper>
   );
diff --git a/example/src/Examples/TextInputExample.tsx b/example/src/Examples/TextInputExample.tsx
index 7102abd0b6..376dd57818 100644
--- a/example/src/Examples/TextInputExample.tsx
+++ b/example/src/Examples/TextInputExample.tsx
@@ -13,13 +13,12 @@ import {
   configureFonts,
   HelperText,
   List,
-  MD2Colors,
   MD3Colors,
   TextInput,
+  useTheme,
 } from 'react-native-paper';
 
 import { inputReducer, State } from '../../utils';
-import { useExampleTheme } from '../hooks/useExampleTheme';
 import ScreenWrapper from '../ScreenWrapper';
 
 const MAX_LENGTH = 20;
@@ -125,7 +124,7 @@ const TextInputExample = () => {
 
   const _isUsernameValid = (name: string) => /^[a-zA-Z]*$/.test(name);
 
-  const theme = useExampleTheme();
+  const { colors } = useTheme();
 
   const inputActionHandler = (type: keyof State, payload: string) =>
     dispatch({
@@ -138,11 +137,7 @@ const TextInputExample = () => {
 
     const newColors = {
       ...state.iconsColor,
-      [name]: !color
-        ? theme.isV3
-          ? theme.colors.primary
-          : theme.colors?.accent
-        : undefined,
+      [name]: !color ? colors.primary : undefined,
     };
 
     dispatch({
@@ -431,9 +426,7 @@ const TextInputExample = () => {
               right={
                 <TextInput.Icon
                   icon="chevron-up"
-                  color={(focused) =>
-                    focused ? theme.colors?.primary : undefined
-                  }
+                  color={(focused) => (focused ? colors.primary : undefined)}
                 />
               }
             />
@@ -572,9 +565,7 @@ const TextInputExample = () => {
                   <Text>
                     <Text
                       style={{
-                        color: theme.isV3
-                          ? MD3Colors.error50
-                          : MD2Colors.red500,
+                        color: MD3Colors.error50,
                       }}
                     >
                       *
@@ -604,12 +595,8 @@ const TextInputExample = () => {
               onChangeText={(flatUnderlineColors) =>
                 inputActionHandler('flatUnderlineColors', flatUnderlineColors)
               }
-              underlineColor={
-                theme.isV3 ? MD3Colors.primary70 : MD2Colors.pink400
-              }
-              activeUnderlineColor={
-                theme.isV3 ? MD3Colors.tertiary50 : MD2Colors.amber900
-              }
+              underlineColor={MD3Colors.primary70}
+              activeUnderlineColor={MD3Colors.tertiary50}
             />
             <TextInput
               mode="outlined"
@@ -620,12 +607,8 @@ const TextInputExample = () => {
               onChangeText={(outlinedColors) =>
                 inputActionHandler('outlinedColors', outlinedColors)
               }
-              outlineColor={
-                theme.isV3 ? MD3Colors.primary70 : MD2Colors.pink400
-              }
-              activeOutlineColor={
-                theme.isV3 ? MD3Colors.tertiary50 : MD2Colors.amber900
-              }
+              outlineColor={MD3Colors.primary70}
+              activeOutlineColor={MD3Colors.tertiary50}
             />
             <TextInput
               mode="outlined"
@@ -728,7 +711,7 @@ const TextInputExample = () => {
                 placeholder="Custom colors"
               />
             </View>
-            {fontsLoaded && theme.isV3 ? (
+            {fontsLoaded && (
               <View style={styles.inputContainerStyle}>
                 <TextInput
                   mode="outlined"
@@ -744,7 +727,7 @@ const TextInputExample = () => {
                   }}
                 />
               </View>
-            ) : null}
+            )}
             <View style={styles.row}>
               <TextInput
                 mode="outlined"
diff --git a/example/src/PreferencesContext.tsx b/example/src/PreferencesContext.tsx
index a048400f55..0a6d29fe3d 100644
--- a/example/src/PreferencesContext.tsx
+++ b/example/src/PreferencesContext.tsx
@@ -1,16 +1,15 @@
 import * as React from 'react';
 
-import { MD2Theme, MD3Theme } from 'react-native-paper';
+import { MD3Theme } from 'react-native-paper';
 
 export const PreferencesContext = React.createContext<{
   toggleTheme: () => void;
   toggleRtl: () => void;
-  toggleThemeVersion: () => void;
   toggleCollapsed: () => void;
   toggleCustomFont: () => void;
   toggleRippleEffect: () => void;
   toggleShouldUseDeviceColors?: () => void;
-  theme: MD2Theme | MD3Theme;
+  theme: MD3Theme;
   rtl: boolean;
   collapsed: boolean;
   customFontLoaded: boolean;
diff --git a/example/src/ScreenWrapper.tsx b/example/src/ScreenWrapper.tsx
index eee3b5f58d..d810689ecb 100644
--- a/example/src/ScreenWrapper.tsx
+++ b/example/src/ScreenWrapper.tsx
@@ -8,10 +8,9 @@ import {
   ViewStyle,
 } from 'react-native';
 
+import { useTheme } from 'react-native-paper';
 import { useSafeAreaInsets } from 'react-native-safe-area-context';
 
-import { useExampleTheme } from './hooks/useExampleTheme';
-
 type Props = ScrollViewProps & {
   children: React.ReactNode;
   withScrollView?: boolean;
@@ -26,14 +25,14 @@ export default function ScreenWrapper({
   contentContainerStyle,
   ...rest
 }: Props) {
-  const theme = useExampleTheme();
+  const { colors } = useTheme();
 
   const insets = useSafeAreaInsets();
 
   const containerStyle = [
     styles.container,
     {
-      backgroundColor: theme.colors.background,
+      backgroundColor: colors.background,
       paddingBottom: insets.bottom,
       paddingLeft: insets.left,
       paddingRight: insets.left,
diff --git a/example/src/hooks/useExampleTheme.ts b/example/src/hooks/useExampleTheme.ts
deleted file mode 100644
index 9196f044b0..0000000000
--- a/example/src/hooks/useExampleTheme.ts
+++ /dev/null
@@ -1,3 +0,0 @@
-import { MD2Theme, MD3Theme, useTheme } from 'react-native-paper';
-
-export const useExampleTheme = () => useTheme<MD2Theme | MD3Theme>();
diff --git a/example/src/index.native.tsx b/example/src/index.native.tsx
index 0878a1f13b..c6bba2b1bd 100644
--- a/example/src/index.native.tsx
+++ b/example/src/index.native.tsx
@@ -9,13 +9,7 @@ import { useFonts } from 'expo-font';
 import { useKeepAwake } from 'expo-keep-awake';
 import { StatusBar } from 'expo-status-bar';
 import * as Updates from 'expo-updates';
-import {
-  PaperProvider,
-  MD2DarkTheme,
-  MD2LightTheme,
-  MD3DarkTheme,
-  MD3LightTheme,
-} from 'react-native-paper';
+import { PaperProvider, MD3DarkTheme, MD3LightTheme } from 'react-native-paper';
 import { SafeAreaInsetsContext } from 'react-native-safe-area-context';
 
 import DrawerItems from './DrawerItems';
@@ -49,7 +43,6 @@ export default function PaperExample() {
   const [shouldUseDeviceColors, setShouldUseDeviceColors] =
     React.useState(true);
   const [isDarkMode, setIsDarkMode] = React.useState(false);
-  const [themeVersion, setThemeVersion] = React.useState<2 | 3>(3);
   const [rtl, setRtl] = React.useState<boolean>(
     I18nManager.getConstants().isRTL
   );
@@ -59,10 +52,6 @@ export default function PaperExample() {
 
   const { theme: mdTheme } = useMaterial3Theme();
   const theme = React.useMemo(() => {
-    if (themeVersion === 2) {
-      return isDarkMode ? MD2DarkTheme : MD2LightTheme;
-    }
-
     if (!deviceColorsSupported || !shouldUseDeviceColors) {
       return isDarkMode ? MD3DarkTheme : MD3LightTheme;
     }
@@ -70,7 +59,7 @@ export default function PaperExample() {
     return isDarkMode
       ? { ...MD3DarkTheme, colors: mdTheme.dark }
       : { ...MD3LightTheme, colors: mdTheme.light };
-  }, [isDarkMode, mdTheme, shouldUseDeviceColors, themeVersion]);
+  }, [isDarkMode, mdTheme, shouldUseDeviceColors]);
 
   React.useEffect(() => {
     const restoreState = async () => {
@@ -144,12 +133,6 @@ export default function PaperExample() {
       toggleCollapsed: () => setCollapsed(!collapsed),
       toggleCustomFont: () => setCustomFont(!customFontLoaded),
       toggleRippleEffect: () => setRippleEffectEnabled(!rippleEffectEnabled),
-      toggleThemeVersion: () => {
-        setCustomFont(false);
-        setCollapsed(false);
-        setThemeVersion((oldThemeVersion) => (oldThemeVersion === 2 ? 3 : 2));
-        setRippleEffectEnabled(true);
-      },
       customFontLoaded,
       rippleEffectEnabled,
       collapsed,
@@ -213,7 +196,7 @@ export default function PaperExample() {
               );
             }}
           </SafeAreaInsetsContext.Consumer>
-          <StatusBar style={!theme.isV3 || theme.dark ? 'light' : 'dark'} />
+          <StatusBar style={theme.dark ? 'light' : 'dark'} />
         </NavigationContainer>
       </PreferencesContext.Provider>
     </PaperProvider>
diff --git a/example/src/index.tsx b/example/src/index.tsx
index 76607763f1..ce4df07253 100644
--- a/example/src/index.tsx
+++ b/example/src/index.tsx
@@ -5,13 +5,7 @@ import { createDrawerNavigator } from '@react-navigation/drawer';
 import { InitialState, NavigationContainer } from '@react-navigation/native';
 import { useFonts } from 'expo-font';
 import { useKeepAwake } from 'expo-keep-awake';
-import {
-  PaperProvider,
-  MD3DarkTheme,
-  MD3LightTheme,
-  MD2DarkTheme,
-  MD2LightTheme,
-} from 'react-native-paper';
+import { PaperProvider, MD3DarkTheme, MD3LightTheme } from 'react-native-paper';
 import { SafeAreaInsetsContext } from 'react-native-safe-area-context';
 
 import DrawerItems from './DrawerItems';
@@ -43,18 +37,13 @@ export default function PaperExample() {
   >();
 
   const [isDarkMode, setIsDarkMode] = React.useState(false);
-  const [themeVersion, setThemeVersion] = React.useState<2 | 3>(3);
   const [collapsed, setCollapsed] = React.useState(false);
   const [customFontLoaded, setCustomFont] = React.useState(false);
   const [rippleEffectEnabled, setRippleEffectEnabled] = React.useState(true);
 
   const theme = React.useMemo(() => {
-    if (themeVersion === 2) {
-      return isDarkMode ? MD2DarkTheme : MD2LightTheme;
-    }
-
     return isDarkMode ? MD3DarkTheme : MD3LightTheme;
-  }, [isDarkMode, themeVersion]);
+  }, [isDarkMode]);
 
   React.useEffect(() => {
     const restoreState = async () => {
@@ -112,12 +101,6 @@ export default function PaperExample() {
   const preferences = React.useMemo(
     () => ({
       toggleTheme: () => setIsDarkMode((oldValue) => !oldValue),
-      toggleThemeVersion: () => {
-        setCustomFont(false);
-        setCollapsed(false);
-        setThemeVersion((oldThemeVersion) => (oldThemeVersion === 2 ? 3 : 2));
-        setRippleEffectEnabled(true);
-      },
       toggleCollapsed: () => setCollapsed(!collapsed),
       toggleCustomFont: () => setCustomFont(!customFontLoaded),
       toggleRippleEffect: () => setRippleEffectEnabled(!rippleEffectEnabled),
diff --git a/src/babel/__fixtures__/rewrite-imports/code.js b/src/babel/__fixtures__/rewrite-imports/code.js
index cc5e6d0b5c..6509ef2f67 100644
--- a/src/babel/__fixtures__/rewrite-imports/code.js
+++ b/src/babel/__fixtures__/rewrite-imports/code.js
@@ -5,7 +5,6 @@ import {
   Button,
   FAB,
   Appbar,
-  MD2Colors,
   MD3Colors,
   NonExistent,
   NonExistentSecond as Stuff,
diff --git a/src/babel/__fixtures__/rewrite-imports/output.js b/src/babel/__fixtures__/rewrite-imports/output.js
index ecaff8d814..7204b0ca33 100644
--- a/src/babel/__fixtures__/rewrite-imports/output.js
+++ b/src/babel/__fixtures__/rewrite-imports/output.js
@@ -4,7 +4,6 @@ import BottomNavigation from "react-native-paper/lib/module/components/BottomNav
 import Button from "react-native-paper/lib/module/components/Button/Button";
 import FAB from "react-native-paper/lib/module/components/FAB";
 import Appbar from "react-native-paper/lib/module/components/Appbar";
-import * as MD2Colors from "react-native-paper/lib/module/styles/themes/v2/colors";
 import { MD3Colors } from "react-native-paper/lib/module/styles/themes/v3/tokens";
 import { NonExistent, NonExistentSecond as Stuff } from "react-native-paper/lib/module/index.js";
 import { ThemeProvider } from "react-native-paper/lib/module/core/theming";
diff --git a/src/components/ActivityIndicator.tsx b/src/components/ActivityIndicator.tsx
index 5a3b9f8736..5ec96229a1 100644
--- a/src/components/ActivityIndicator.tsx
+++ b/src/components/ActivityIndicator.tsx
@@ -45,10 +45,10 @@ const DURATION = 2400;
  * ## Usage
  * ```js
  * import * as React from 'react';
- * import { ActivityIndicator, MD2Colors } from 'react-native-paper';
+ * import { ActivityIndicator, MD3Colors } from 'react-native-paper';
  *
  * const MyComponent = () => (
- *   <ActivityIndicator animating={true} color={MD2Colors.red800} />
+ *   <ActivityIndicator animating={true} color={MD3Colors.primary100} />
  * );
  *
  * export default MyComponent;
diff --git a/src/components/Badge.tsx b/src/components/Badge.tsx
index 54c70770f2..452d098555 100644
--- a/src/components/Badge.tsx
+++ b/src/components/Badge.tsx
@@ -88,7 +88,8 @@ const Badge = ({
   const {
     backgroundColor = theme.isV3
       ? theme.colors.error
-      : theme.colors?.notification,
+      : // @ts-expect-error TODO: Remove it
+        theme.colors?.notification,
     ...restStyle
   } = (StyleSheet.flatten(style) || {}) as TextStyle;
 
@@ -109,7 +110,6 @@ const Badge = ({
           backgroundColor,
           color: textColor,
           fontSize: size * 0.5,
-          ...(!theme.isV3 && theme.fonts.regular),
           lineHeight: size / fontScale,
           height: size,
           minWidth: size,
diff --git a/src/components/Surface.tsx b/src/components/Surface.tsx
index fc551f688d..0a369fb80d 100644
--- a/src/components/Surface.tsx
+++ b/src/components/Surface.tsx
@@ -10,7 +10,7 @@ import {
 } from 'react-native';
 
 import { useInternalTheme } from '../core/theming';
-import overlay, { isAnimatedValue } from '../styles/overlay';
+import { isAnimatedValue } from '../styles/overlay';
 import shadow from '../styles/shadow';
 import type { ThemeProp, MD3Elevation } from '../types';
 import { forwardRef } from '../utils/forwardRef';
@@ -53,30 +53,6 @@ export type Props = Omit<React.ComponentPropsWithRef<typeof View>, 'style'> & {
   ref?: React.RefObject<View>;
 };
 
-const MD2Surface = forwardRef<View, Props>(
-  ({ style, theme: overrideTheme, ...rest }: Omit<Props, 'elevation'>, ref) => {
-    const { elevation = 4 } = (StyleSheet.flatten(style) || {}) as ViewStyle;
-    const { dark: isDarkTheme, mode, colors } = useInternalTheme(overrideTheme);
-
-    return (
-      <Animated.View
-        ref={ref}
-        {...rest}
-        style={[
-          {
-            backgroundColor:
-              isDarkTheme && mode === 'adaptive'
-                ? overlay(elevation, colors?.surface)
-                : colors?.surface,
-          },
-          elevation ? shadow(elevation) : null,
-          style,
-        ]}
-      />
-    );
-  }
-);
-
 const outerLayerStyleProperties: (keyof ViewStyle)[] = [
   'position',
   'alignSelf',
@@ -269,13 +245,6 @@ const Surface = forwardRef<View, Props>(
   ) => {
     const theme = useInternalTheme(overridenTheme);
 
-    if (!theme.isV3)
-      return (
-        <MD2Surface {...props} theme={theme} style={style} ref={ref}>
-          {children}
-        </MD2Surface>
-      );
-
     const { colors } = theme;
 
     const inputRange = [0, 1, 2, 3, 4, 5];
diff --git a/src/core/PaperProvider.tsx b/src/core/PaperProvider.tsx
index 51839a5fc7..abeaf2590d 100644
--- a/src/core/PaperProvider.tsx
+++ b/src/core/PaperProvider.tsx
@@ -77,14 +77,12 @@ const PaperProvider = (props: Props) => {
   }, [props.theme, isOnlyVersionInTheme]);
 
   const theme = React.useMemo(() => {
-    const themeVersion = props.theme?.version || 3;
     const scheme = colorScheme || 'light';
-    const defaultThemeBase = defaultThemesByVersion[themeVersion][scheme];
+    const defaultThemeBase = defaultThemesByVersion[scheme];
 
     const extendedThemeBase = {
       ...defaultThemeBase,
       ...props.theme,
-      version: themeVersion,
       animation: {
         ...props.theme?.animation,
         scale: reduceMotionEnabled ? 0 : 1,
@@ -93,7 +91,8 @@ const PaperProvider = (props: Props) => {
 
     return {
       ...extendedThemeBase,
-      isV3: extendedThemeBase.version === 3,
+      // TODO: Remove it completely
+      isV3: true,
     };
   }, [colorScheme, props.theme, reduceMotionEnabled]);
 
diff --git a/src/core/theming.tsx b/src/core/theming.tsx
index 44223f032a..fe4c67a0bf 100644
--- a/src/core/theming.tsx
+++ b/src/core/theming.tsx
@@ -3,12 +3,7 @@ import type { ComponentType } from 'react';
 import { $DeepPartial, createTheming } from '@callstack/react-theme-provider';
 import color from 'color';
 
-import {
-  MD2DarkTheme,
-  MD2LightTheme,
-  MD3DarkTheme,
-  MD3LightTheme,
-} from '../styles/themes';
+import { MD3DarkTheme, MD3LightTheme } from '../styles/themes';
 import type {
   InternalTheme,
   MD3Theme,
@@ -37,29 +32,16 @@ export const withInternalTheme = <Props extends { theme: InternalTheme }, C>(
 ) => withTheme<Props, C>(WrappedComponent);
 
 export const defaultThemesByVersion = {
-  2: {
-    light: MD2LightTheme,
-    dark: MD2DarkTheme,
-  },
-  3: {
-    light: MD3LightTheme,
-    dark: MD3DarkTheme,
-  },
+  light: MD3LightTheme,
+  dark: MD3DarkTheme,
 };
 
-export const getTheme = <
-  Scheme extends boolean = false,
-  IsVersion3 extends boolean = true
->(
-  isDark: Scheme = false as Scheme,
-  isV3: IsVersion3 = true as IsVersion3
-): (typeof defaultThemesByVersion)[IsVersion3 extends true
-  ? 3
-  : 2][Scheme extends true ? 'dark' : 'light'] => {
-  const themeVersion = isV3 ? 3 : 2;
+export const getTheme = <Scheme extends boolean = false>(
+  isDark: Scheme = false as Scheme
+): (typeof defaultThemesByVersion)[Scheme extends true ? 'dark' : 'light'] => {
   const scheme = isDark ? 'dark' : 'light';
 
-  return defaultThemesByVersion[themeVersion][scheme];
+  return defaultThemesByVersion[scheme];
 };
 
 // eslint-disable-next-line no-redeclare
diff --git a/src/index.tsx b/src/index.tsx
index 1b20528787..40757a1158 100644
--- a/src/index.tsx
+++ b/src/index.tsx
@@ -13,15 +13,12 @@ export * from './styles/themes';
 export { default as Provider } from './core/PaperProvider';
 export { default as PaperProvider } from './core/PaperProvider';
 export { default as shadow } from './styles/shadow';
-export { default as overlay } from './styles/overlay';
 export { default as configureFonts } from './styles/fonts';
 
 import * as Avatar from './components/Avatar/Avatar';
 import * as Drawer from './components/Drawer/Drawer';
 import * as List from './components/List/List';
-import * as MD2Colors from './styles/themes/v2/colors';
 
-export { MD2Colors };
 export { Avatar, List, Drawer };
 
 export * from './components/FAB/AnimatedFAB';
@@ -161,7 +158,6 @@ export type {
 } from './react-navigation';
 
 export type {
-  MD2Theme,
   MD3Theme,
   ThemeBase,
   MD3Elevation,
diff --git a/src/styles/fonts.tsx b/src/styles/fonts.tsx
index e3b5017fc4..8d26388853 100644
--- a/src/styles/fonts.tsx
+++ b/src/styles/fonts.tsx
@@ -1,69 +1,6 @@
-import { Platform, PlatformOSType } from 'react-native';
-
-import type { Fonts, MD3Type, MD3Typescale, MD3TypescaleKey } from '../types';
+import type { MD3Type, MD3Typescale, MD3TypescaleKey } from '../types';
 import { typescale } from './themes/v3/tokens';
 
-export const fontConfig = {
-  web: {
-    regular: {
-      fontFamily: 'Roboto, "Helvetica Neue", Helvetica, Arial, sans-serif',
-      fontWeight: '400' as '400',
-    },
-    medium: {
-      fontFamily: 'Roboto, "Helvetica Neue", Helvetica, Arial, sans-serif',
-      fontWeight: '500' as '500',
-    },
-    light: {
-      fontFamily: 'Roboto, "Helvetica Neue", Helvetica, Arial, sans-serif',
-      fontWeight: '300' as '300',
-    },
-    thin: {
-      fontFamily: 'Roboto, "Helvetica Neue", Helvetica, Arial, sans-serif',
-      fontWeight: '100' as '100',
-    },
-  },
-  ios: {
-    regular: {
-      fontFamily: 'System',
-      fontWeight: '400' as '400',
-    },
-    medium: {
-      fontFamily: 'System',
-      fontWeight: '500' as '500',
-    },
-    light: {
-      fontFamily: 'System',
-      fontWeight: '300' as '300',
-    },
-    thin: {
-      fontFamily: 'System',
-      fontWeight: '100' as '100',
-    },
-  },
-  default: {
-    regular: {
-      fontFamily: 'sans-serif',
-      fontWeight: 'normal' as 'normal',
-    },
-    medium: {
-      fontFamily: 'sans-serif-medium',
-      fontWeight: 'normal' as 'normal',
-    },
-    light: {
-      fontFamily: 'sans-serif-light',
-      fontWeight: 'normal' as 'normal',
-    },
-    thin: {
-      fontFamily: 'sans-serif-thin',
-      fontWeight: 'normal' as 'normal',
-    },
-  },
-};
-
-type MD2FontsConfig = {
-  [platform in PlatformOSType | 'default']?: Fonts;
-};
-
 type MD3FontsConfig =
   | {
       [key in MD3TypescaleKey]: Partial<MD3Type>;
@@ -73,11 +10,6 @@ type MD3FontsConfig =
     }
   | Partial<MD3Type>;
 
-function configureV2Fonts(config: MD2FontsConfig): Fonts {
-  const fonts = Platform.select({ ...fontConfig, ...config }) as Fonts;
-  return fonts;
-}
-
 function configureV3Fonts(
   config: MD3FontsConfig
 ): MD3Typescale | (MD3Typescale & { [key: string]: MD3Type }) {
@@ -110,34 +42,20 @@ function configureV3Fonts(
   );
 }
 
-// eslint-disable-next-line no-redeclare
-export default function configureFonts(params: { isV3: false }): Fonts;
-// eslint-disable-next-line no-redeclare
-export default function configureFonts(params: {
-  config?: MD2FontsConfig;
-  isV3: false;
-}): Fonts;
 // eslint-disable-next-line no-redeclare
 export default function configureFonts(params?: {
   config?: Partial<MD3Type>;
-  isV3?: true;
 }): MD3Typescale;
 // eslint-disable-next-line no-redeclare
 export default function configureFonts(params?: {
   config?: Partial<Record<MD3TypescaleKey, Partial<MD3Type>>>;
-  isV3?: true;
 }): MD3Typescale;
 // eslint-disable-next-line no-redeclare
 export default function configureFonts(params: {
   config: Record<string, MD3Type>;
-  isV3?: true;
 }): MD3Typescale & { [key: string]: MD3Type };
 // eslint-disable-next-line no-redeclare
 export default function configureFonts(params?: any) {
-  const { isV3 = true, config } = params || {};
-
-  if (isV3) {
-    return configureV3Fonts(config);
-  }
-  return configureV2Fonts(config);
+  const { config } = params || {};
+  return configureV3Fonts(config);
 }
diff --git a/src/styles/overlay.tsx b/src/styles/overlay.tsx
index f9e6f8f9a5..7af142bbf3 100644
--- a/src/styles/overlay.tsx
+++ b/src/styles/overlay.tsx
@@ -1,70 +1,5 @@
 import { Animated } from 'react-native';
 
-import color from 'color';
-
-import { MD2DarkTheme } from './themes/v2/DarkTheme';
-
 export const isAnimatedValue = (
   it: number | string | Animated.AnimatedInterpolation<number | string>
 ): it is Animated.Value => it instanceof Animated.Value;
-
-export default function overlay<T extends Animated.Value | number>(
-  elevation: T,
-  surfaceColor: string = MD2DarkTheme.colors?.surface
-): T extends number ? string : Animated.AnimatedInterpolation<number | string> {
-  if (isAnimatedValue(elevation)) {
-    const inputRange = [0, 1, 2, 3, 8, 24];
-
-    // @ts-expect-error: TS doesn't seem to refine the type correctly
-    return elevation.interpolate({
-      inputRange,
-      outputRange: inputRange.map((elevation) => {
-        return calculateColor(surfaceColor, elevation);
-      }),
-    });
-  }
-
-  // @ts-expect-error: TS doesn't seem to refine the type correctly
-  return calculateColor(surfaceColor, elevation);
-}
-
-function calculateColor(surfaceColor: string, elevation: number = 1) {
-  let overlayTransparency: number;
-  if (elevation >= 1 && elevation <= 24) {
-    overlayTransparency = elevationOverlayTransparency[elevation];
-  } else if (elevation > 24) {
-    overlayTransparency = elevationOverlayTransparency[24];
-  } else {
-    overlayTransparency = elevationOverlayTransparency[1];
-  }
-  return color(surfaceColor)
-    .mix(color('white'), overlayTransparency * 0.01)
-    .hex();
-}
-
-const elevationOverlayTransparency: Record<string, number> = {
-  1: 5,
-  2: 7,
-  3: 8,
-  4: 9,
-  5: 10,
-  6: 11,
-  7: 11.5,
-  8: 12,
-  9: 12.5,
-  10: 13,
-  11: 13.5,
-  12: 14,
-  13: 14.25,
-  14: 14.5,
-  15: 14.75,
-  16: 15,
-  17: 15.12,
-  18: 15.24,
-  19: 15.36,
-  20: 15.48,
-  21: 15.6,
-  22: 15.72,
-  23: 15.84,
-  24: 16,
-};
diff --git a/src/styles/shadow.tsx b/src/styles/shadow.tsx
index dcc11e8b65..57cc3612de 100644
--- a/src/styles/shadow.tsx
+++ b/src/styles/shadow.tsx
@@ -1,73 +1,12 @@
 import { Animated } from 'react-native';
 
-import * as MD2Colors from './themes/v2/colors';
 import { MD3Colors } from './themes/v3/tokens';
 
-const SHADOW_COLOR = MD2Colors.black;
-const SHADOW_OPACITY = 0.24;
 const MD3_SHADOW_OPACITY = 0.3;
 const MD3_SHADOW_COLOR = MD3Colors.primary0;
 
-export default function shadow(
-  elevation: number | Animated.Value = 0,
-  isV3 = false
-) {
-  return isV3 ? v3Shadow(elevation) : v2Shadow(elevation);
-}
-
-function v2Shadow(elevation: number | Animated.Value = 0) {
-  if (elevation instanceof Animated.Value) {
-    const inputRange = [0, 1, 2, 3, 8, 24];
-
-    return {
-      shadowColor: SHADOW_COLOR,
-      shadowOffset: {
-        width: new Animated.Value(0),
-        height: elevation.interpolate({
-          inputRange,
-          outputRange: [0, 0.5, 0.75, 2, 7, 23],
-        }),
-      },
-      shadowOpacity: elevation.interpolate({
-        inputRange: [0, 1],
-        outputRange: [0, SHADOW_OPACITY],
-        extrapolate: 'clamp',
-      }),
-      shadowRadius: elevation.interpolate({
-        inputRange,
-        outputRange: [0, 0.75, 1.5, 3, 8, 24],
-      }),
-    };
-  } else {
-    if (elevation === 0) {
-      return {};
-    }
-
-    let height, radius;
-    switch (elevation) {
-      case 1:
-        height = 0.5;
-        radius = 0.75;
-        break;
-      case 2:
-        height = 0.75;
-        radius = 1.5;
-        break;
-      default:
-        height = elevation - 1;
-        radius = elevation;
-    }
-
-    return {
-      shadowColor: SHADOW_COLOR,
-      shadowOffset: {
-        width: 0,
-        height,
-      },
-      shadowOpacity: SHADOW_OPACITY,
-      shadowRadius: radius,
-    };
-  }
+export default function shadow(elevation: number | Animated.Value = 0) {
+  return v3Shadow(elevation);
 }
 
 function v3Shadow(elevation: number | Animated.Value = 0) {
diff --git a/src/styles/themes/index.ts b/src/styles/themes/index.ts
index 3db1a460ad..39bcb6648c 100644
--- a/src/styles/themes/index.ts
+++ b/src/styles/themes/index.ts
@@ -1,4 +1,2 @@
 export { MD3LightTheme } from './v3/LightTheme';
 export { MD3DarkTheme } from './v3/DarkTheme';
-export { MD2LightTheme } from './v2/LightTheme';
-export { MD2DarkTheme } from './v2/DarkTheme';
diff --git a/src/styles/themes/v2/DarkTheme.tsx b/src/styles/themes/v2/DarkTheme.tsx
deleted file mode 100644
index 9eaa576dcb..0000000000
--- a/src/styles/themes/v2/DarkTheme.tsx
+++ /dev/null
@@ -1,30 +0,0 @@
-import color from 'color';
-
-import { black, pinkA100, white } from './colors';
-import { MD2LightTheme } from './LightTheme';
-import type { Fonts, MD2Theme } from '../../../types';
-import configureFonts from '../../fonts';
-
-export const MD2DarkTheme: MD2Theme = {
-  ...MD2LightTheme,
-  dark: true,
-  mode: 'adaptive',
-  version: 2,
-  isV3: false,
-  colors: {
-    ...MD2LightTheme.colors,
-    primary: '#BB86FC',
-    accent: '#03dac6',
-    background: '#121212',
-    surface: '#121212',
-    error: '#CF6679',
-    onSurface: '#FFFFFF',
-    text: white,
-    disabled: color(white).alpha(0.38).rgb().string(),
-    placeholder: color(white).alpha(0.54).rgb().string(),
-    backdrop: color(black).alpha(0.5).rgb().string(),
-    notification: pinkA100,
-    tooltip: 'rgba(230, 225, 229, 1)',
-  },
-  fonts: configureFonts({ isV3: false }) as Fonts,
-};
diff --git a/src/styles/themes/v2/LightTheme.tsx b/src/styles/themes/v2/LightTheme.tsx
deleted file mode 100644
index 8566bdcc40..0000000000
--- a/src/styles/themes/v2/LightTheme.tsx
+++ /dev/null
@@ -1,30 +0,0 @@
-import color from 'color';
-
-import { black, pinkA400, white } from './colors';
-import type { Fonts, MD2Theme } from '../../../types';
-import configureFonts from '../../fonts';
-
-export const MD2LightTheme: MD2Theme = {
-  dark: false,
-  roundness: 4,
-  version: 2,
-  isV3: false,
-  colors: {
-    primary: '#6200ee',
-    accent: '#03dac4',
-    background: '#f6f6f6',
-    surface: white,
-    error: '#B00020',
-    text: black,
-    onSurface: '#000000',
-    disabled: color(black).alpha(0.26).rgb().string(),
-    placeholder: color(black).alpha(0.54).rgb().string(),
-    backdrop: color(black).alpha(0.5).rgb().string(),
-    notification: pinkA400,
-    tooltip: 'rgba(28, 27, 31, 1)',
-  },
-  fonts: configureFonts({ isV3: false }) as Fonts,
-  animation: {
-    scale: 1.0,
-  },
-};
diff --git a/src/styles/themes/v2/colors.tsx b/src/styles/themes/v2/colors.tsx
index 89f6192f08..e57f2c0fee 100644
--- a/src/styles/themes/v2/colors.tsx
+++ b/src/styles/themes/v2/colors.tsx
@@ -1,277 +1,3 @@
-export const transparent = 'rgba(255, 255, 255, 0)';
-
-export const red50 = '#ffebee';
-export const red100 = '#ffcdd2';
-export const red200 = '#ef9a9a';
-export const red300 = '#e57373';
-export const red400 = '#ef5350';
-export const red500 = '#f44336';
-export const red600 = '#e53935';
-export const red700 = '#d32f2f';
-export const red800 = '#c62828';
-export const red900 = '#b71c1c';
-export const redA100 = '#ff8a80';
-export const redA200 = '#ff5252';
-export const redA400 = '#ff1744';
-export const redA700 = '#d50000';
-
-export const pink50 = '#fce4ec';
-export const pink100 = '#f8bbd0';
-export const pink200 = '#f48fb1';
-export const pink300 = '#f06292';
-export const pink400 = '#ec407a';
-export const pink500 = '#e91e63';
-export const pink600 = '#d81b60';
-export const pink700 = '#c2185b';
-export const pink800 = '#ad1457';
-export const pink900 = '#880e4f';
-export const pinkA100 = '#ff80ab';
-export const pinkA200 = '#ff4081';
-export const pinkA400 = '#f50057';
-export const pinkA700 = '#c51162';
-
-export const purple50 = '#f3e5f5';
-export const purple100 = '#e1bee7';
-export const purple200 = '#ce93d8';
-export const purple300 = '#ba68c8';
-export const purple400 = '#ab47bc';
-export const purple500 = '#9c27b0';
-export const purple600 = '#8e24aa';
-export const purple700 = '#7b1fa2';
-export const purple800 = '#6a1b9a';
-export const purple900 = '#4a148c';
-export const purpleA100 = '#ea80fc';
-export const purpleA200 = '#e040fb';
-export const purpleA400 = '#d500f9';
-export const purpleA700 = '#aa00ff';
-
-export const deepPurple50 = '#ede7f6';
-export const deepPurple100 = '#d1c4e9';
-export const deepPurple200 = '#b39ddb';
-export const deepPurple300 = '#9575cd';
-export const deepPurple400 = '#7e57c2';
-export const deepPurple500 = '#673ab7';
-export const deepPurple600 = '#5e35b1';
-export const deepPurple700 = '#512da8';
-export const deepPurple800 = '#4527a0';
-export const deepPurple900 = '#311b92';
-export const deepPurpleA100 = '#b388ff';
-export const deepPurpleA200 = '#7c4dff';
-export const deepPurpleA400 = '#651fff';
-export const deepPurpleA700 = '#6200ea';
-
-export const indigo50 = '#e8eaf6';
-export const indigo100 = '#c5cae9';
-export const indigo200 = '#9fa8da';
-export const indigo300 = '#7986cb';
-export const indigo400 = '#5c6bc0';
-export const indigo500 = '#3f51b5';
-export const indigo600 = '#3949ab';
-export const indigo700 = '#303f9f';
-export const indigo800 = '#283593';
-export const indigo900 = '#1a237e';
-export const indigoA100 = '#8c9eff';
-export const indigoA200 = '#536dfe';
-export const indigoA400 = '#3d5afe';
-export const indigoA700 = '#304ffe';
-
-export const blue50 = '#e3f2fd';
-export const blue100 = '#bbdefb';
-export const blue200 = '#90caf9';
-export const blue300 = '#64b5f6';
-export const blue400 = '#42a5f5';
-export const blue500 = '#2196f3';
-export const blue600 = '#1e88e5';
-export const blue700 = '#1976d2';
-export const blue800 = '#1565c0';
-export const blue900 = '#0d47a1';
-export const blueA100 = '#82b1ff';
-export const blueA200 = '#448aff';
-export const blueA400 = '#2979ff';
-export const blueA700 = '#2962ff';
-
-export const lightBlue50 = '#e1f5fe';
-export const lightBlue100 = '#b3e5fc';
-export const lightBlue200 = '#81d4fa';
-export const lightBlue300 = '#4fc3f7';
-export const lightBlue400 = '#29b6f6';
-export const lightBlue500 = '#03a9f4';
-export const lightBlue600 = '#039be5';
-export const lightBlue700 = '#0288d1';
-export const lightBlue800 = '#0277bd';
-export const lightBlue900 = '#01579b';
-export const lightBlueA100 = '#80d8ff';
-export const lightBlueA200 = '#40c4ff';
-export const lightBlueA400 = '#00b0ff';
-export const lightBlueA700 = '#0091ea';
-
-export const cyan50 = '#e0f7fa';
-export const cyan100 = '#b2ebf2';
-export const cyan200 = '#80deea';
-export const cyan300 = '#4dd0e1';
-export const cyan400 = '#26c6da';
-export const cyan500 = '#00bcd4';
-export const cyan600 = '#00acc1';
-export const cyan700 = '#0097a7';
-export const cyan800 = '#00838f';
-export const cyan900 = '#006064';
-export const cyanA100 = '#84ffff';
-export const cyanA200 = '#18ffff';
-export const cyanA400 = '#00e5ff';
-export const cyanA700 = '#00b8d4';
-
-export const teal50 = '#e0f2f1';
-export const teal100 = '#b2dfdb';
-export const teal200 = '#80cbc4';
-export const teal300 = '#4db6ac';
-export const teal400 = '#26a69a';
-export const teal500 = '#009688';
-export const teal600 = '#00897b';
-export const teal700 = '#00796b';
-export const teal800 = '#00695c';
-export const teal900 = '#004d40';
-export const tealA100 = '#a7ffeb';
-export const tealA200 = '#64ffda';
-export const tealA400 = '#1de9b6';
-export const tealA700 = '#00bfa5';
-
-export const green50 = '#e8f5e9';
-export const green100 = '#c8e6c9';
-export const green200 = '#a5d6a7';
-export const green300 = '#81c784';
-export const green400 = '#66bb6a';
-export const green500 = '#4caf50';
-export const green600 = '#43a047';
-export const green700 = '#388e3c';
-export const green800 = '#2e7d32';
-export const green900 = '#1b5e20';
-export const greenA100 = '#b9f6ca';
-export const greenA200 = '#69f0ae';
-export const greenA400 = '#00e676';
-export const greenA700 = '#00c853';
-
-export const lightGreen50 = '#f1f8e9';
-export const lightGreen100 = '#dcedc8';
-export const lightGreen200 = '#c5e1a5';
-export const lightGreen300 = '#aed581';
-export const lightGreen400 = '#9ccc65';
-export const lightGreen500 = '#8bc34a';
-export const lightGreen600 = '#7cb342';
-export const lightGreen700 = '#689f38';
-export const lightGreen800 = '#558b2f';
-export const lightGreen900 = '#33691e';
-export const lightGreenA100 = '#ccff90';
-export const lightGreenA200 = '#b2ff59';
-export const lightGreenA400 = '#76ff03';
-export const lightGreenA700 = '#64dd17';
-
-export const lime50 = '#f9fbe7';
-export const lime100 = '#f0f4c3';
-export const lime200 = '#e6ee9c';
-export const lime300 = '#dce775';
-export const lime400 = '#d4e157';
-export const lime500 = '#cddc39';
-export const lime600 = '#c0ca33';
-export const lime700 = '#afb42b';
-export const lime800 = '#9e9d24';
-export const lime900 = '#827717';
-export const limeA100 = '#f4ff81';
-export const limeA200 = '#eeff41';
-export const limeA400 = '#c6ff00';
-export const limeA700 = '#aeea00';
-
-export const yellow50 = '#fffde7';
-export const yellow100 = '#fff9c4';
-export const yellow200 = '#fff59d';
-export const yellow300 = '#fff176';
-export const yellow400 = '#ffee58';
-export const yellow500 = '#ffeb3b';
-export const yellow600 = '#fdd835';
-export const yellow700 = '#fbc02d';
-export const yellow800 = '#f9a825';
-export const yellow900 = '#f57f17';
-export const yellowA100 = '#ffff8d';
-export const yellowA200 = '#ffff00';
-export const yellowA400 = '#ffea00';
-export const yellowA700 = '#ffd600';
-
-export const amber50 = '#fff8e1';
-export const amber100 = '#ffecb3';
-export const amber200 = '#ffe082';
-export const amber300 = '#ffd54f';
-export const amber400 = '#ffca28';
-export const amber500 = '#ffc107';
-export const amber600 = '#ffb300';
-export const amber700 = '#ffa000';
-export const amber800 = '#ff8f00';
-export const amber900 = '#ff6f00';
-export const amberA100 = '#ffe57f';
-export const amberA200 = '#ffd740';
-export const amberA400 = '#ffc400';
-export const amberA700 = '#ffab00';
-
-export const orange50 = '#fff3e0';
-export const orange100 = '#ffe0b2';
-export const orange200 = '#ffcc80';
-export const orange300 = '#ffb74d';
-export const orange400 = '#ffa726';
-export const orange500 = '#ff9800';
-export const orange600 = '#fb8c00';
-export const orange700 = '#f57c00';
-export const orange800 = '#ef6c00';
-export const orange900 = '#e65100';
-export const orangeA100 = '#ffd180';
-export const orangeA200 = '#ffab40';
-export const orangeA400 = '#ff9100';
-export const orangeA700 = '#ff6d00';
-
-export const deepOrange50 = '#fbe9e7';
-export const deepOrange100 = '#ffccbc';
-export const deepOrange200 = '#ffab91';
-export const deepOrange300 = '#ff8a65';
-export const deepOrange400 = '#ff7043';
-export const deepOrange500 = '#ff5722';
-export const deepOrange600 = '#f4511e';
-export const deepOrange700 = '#e64a19';
-export const deepOrange800 = '#d84315';
-export const deepOrange900 = '#bf360c';
-export const deepOrangeA100 = '#ff9e80';
-export const deepOrangeA200 = '#ff6e40';
-export const deepOrangeA400 = '#ff3d00';
-export const deepOrangeA700 = '#dd2c00';
-
-export const brown50 = '#efebe9';
-export const brown100 = '#d7ccc8';
-export const brown200 = '#bcaaa4';
-export const brown300 = '#a1887f';
-export const brown400 = '#8d6e63';
-export const brown500 = '#795548';
-export const brown600 = '#6d4c41';
-export const brown700 = '#5d4037';
-export const brown800 = '#4e342e';
-export const brown900 = '#3e2723';
-
-export const blueGrey50 = '#eceff1';
-export const blueGrey100 = '#cfd8dc';
-export const blueGrey200 = '#b0bec5';
-export const blueGrey300 = '#90a4ae';
-export const blueGrey400 = '#78909c';
-export const blueGrey500 = '#607d8b';
-export const blueGrey600 = '#546e7a';
-export const blueGrey700 = '#455a64';
-export const blueGrey800 = '#37474f';
-export const blueGrey900 = '#263238';
-
-export const grey50 = '#fafafa';
-export const grey100 = '#f5f5f5';
-export const grey200 = '#eeeeee';
-export const grey300 = '#e0e0e0';
-export const grey400 = '#bdbdbd';
-export const grey500 = '#9e9e9e';
-export const grey600 = '#757575';
-export const grey700 = '#616161';
-export const grey800 = '#424242';
-export const grey900 = '#212121';
-
+// TODO: Remove it completely
 export const black = '#000000';
 export const white = '#ffffff';
diff --git a/src/types.tsx b/src/types.tsx
index 175131cab3..cfa37779d0 100644
--- a/src/types.tsx
+++ b/src/types.tsx
@@ -19,30 +19,8 @@ export type Font = {
   fontStyle?: 'normal' | 'italic' | undefined;
 };
 
-export type Fonts = {
-  regular: Font;
-  medium: Font;
-  light: Font;
-  thin: Font;
-};
-
 type Mode = 'adaptive' | 'exact';
 
-export type MD2Colors = {
-  primary: string;
-  background: string;
-  surface: string;
-  accent: string;
-  error: string;
-  text: string;
-  onSurface: string;
-  disabled: string;
-  placeholder: string;
-  backdrop: string;
-  notification: string;
-  tooltip: string;
-};
-
 export type MD3Colors = {
   primary: string;
   primaryContainer: string;
@@ -132,14 +110,7 @@ export type MD3Theme = ThemeBase & {
   fonts: MD3Typescale;
 };
 
-export type MD2Theme = ThemeBase & {
-  version: 2;
-  isV3: false;
-  colors: MD2Colors;
-  fonts: Fonts;
-};
-
-export type InternalTheme = MD2Theme | MD3Theme;
+export type InternalTheme = MD3Theme;
 
 // MD3 types
 export enum MD3TypescaleKey {