diff --git a/src/configs/site.ts b/src/configs/site.ts
index ed0eb3af..efc33aa2 100644
--- a/src/configs/site.ts
+++ b/src/configs/site.ts
@@ -25,6 +25,18 @@ export default {
       name: 'LeetCode Dark',
       icon: 'bi:moon-fill',
     },
+    google: {
+      name: 'Google',
+      icon: 'bi:sun-fill',
+    },
+    microsoft: {
+      name: 'Microsoft',
+      icon: 'bi:sun-fill',
+    },
+    twitter: {
+      name: 'Twitter',
+      icon: 'bi:sun-fill',
+    },
   },
   plugins: {
     counterAnalytics: {
diff --git a/theme.config.cjs b/theme.config.cjs
index c2455b4a..1e7b713c 100644
--- a/theme.config.cjs
+++ b/theme.config.cjs
@@ -196,5 +196,29 @@ module.exports = {
         tertiary: themeColors.light['tertiary'],
       }, false)
     },
+    {
+      name: 'google',
+      extend: siteTheme({
+        primary: '#db2028',
+        secondary: themeColors.light['secondary'],
+        tertiary: themeColors.light['tertiary'],
+      }, false)
+    },
+    {
+      name: 'microsoft',
+      extend: siteTheme({
+        primary: '#0067b8',
+        secondary: themeColors.light['secondary'],
+        tertiary: themeColors.light['tertiary'],
+      }, false)
+    },
+    {
+      name: 'twitter',
+      extend: siteTheme({
+        primary: '#1d9bf0',
+        secondary: themeColors.light['secondary'],
+        tertiary: themeColors.light['tertiary'],
+      }, false)
+    },
   ]
 }