GPThemes

Transform ChatGPT's user interface with customisable accent colours and font styles, modern designs and chat bubbles.

More Screenshots

New UI

Old Ui

Main Features

• Custom fonts: Personalize your ChatGPT interface with custom fonts, including font family, size, line height, and letter spacing.
• Custom theming: Personalize ChatGPT with your preferred accent colors and see a live preview.
• Modern themes: Light, Dark, and Black (AMOLED) options for a stylish look.
• Chat bubbles: Sleek design to differentiate your messages from AI responses.
• Easy theme switching: Change themes via a floating button.
• Wide compatibility: GPThemes supports the latest ChatGPT UI, GPT-4o, as well as previous versions, ensuring a seamless experience for all users.

Installation

Web Store Installation

Chrome Web Store

1. Go to the GPThemes extension page
2. Click the Add to Chrome button
3. Confirm the installation when prompted
4. Visit the ChatGPT website to start using GPThemes.

Firefox Add-On

1. Go to GPThemes Firefox Add-ons page
2. Click the Add to Firefox button
3. Confirm the installation when prompted by clicking the Add
4. Visit the ChatGPT website to start using GPThemes.

Developer Mode Installation

Chromium

1. Download the gpthemes-chromium-vX.X.X.zip from the Releases and unzip.
2. Open Chrome, go to chrome://extensions/
3. Enable Developer mode in the top-right corner.
4. Click Load unpacked and select the gpthemes-chromium-vX.X.X folder.

Firefox

1. Download the gpthemes-firefox-vX.X.X.zip from the Releases and unzip.
2. Open Firefox, go to about:debugging
3. Enable Add-on debugging in This Firefox
4. Click Load Temporary Add-on and select manifest.json in gpthemes-firefox-vX.X.X folder.

Permissions

• Storage: GPThemes requests permission to access browser storage to save your chosen theme name, custom accent color and custom font properties. This ensures a consistent and personalized experience across ChatGPT website.
• ChatGPT Website Access: GPThemes requires access to specific URLs to modify the visual appearance of the ChatGPT website. This includes https://chat.openai.com/ and https://chatgpt.com/ (new domain). This access is necessary for the extension to function properly and provide a customized interface.
• Notifications: GPThemes uses this permission to notify you when a new update for the extension is available. Clicking on the notification will open the changelog in a new tab, allowing you to easily review the changes.
• Tabs: This permission is used in conjunction with notifications. When you click on an update notification, GPThemes will open a new tab and automatically direct you to the changelog, providing you with information about the latest changes and improvements to the extension.

Important

So, you know how you see that super spooky warning about extension having the ability to read your browsing history? Boo...

Let's break it down: All I want to do is open a single, harmless tab to show you my shiny new changelog. That's it. Nada. Zilch. But to do that, extension needs the tabs permission, which for some mysterious reason translates to READ ALL YOUR BROWSING HISTORY in Chrome's language. I know, it sounds like I'm plotting world domination by snooping on your cat video binge-watching sessions, but trust me, I'm not that interested.

If only Chrome would say something more accurate like: This extension can open a tab to this URL: chrome-extension://asfa9s8t20t..., we'd all sleep better at night. But no, they went full-on Halloween on us with READING YOUR BROWSING HISTORY. So, rest easy knowing I'm not lurking in the shadows of your browser history. I'm just excited to show you what’s new. Pinky promise.

Anyway, if your anxiety is still not reduced, this is open-source, so you can dive into the code abyss. If you don't understand the code, use that ChatGPT and try to copy "spoooooky" parts like background.js. Let the AI to break it down for you... and of course, all that while you are already enabled the GPThemes 🥲

Supported Versions

Warning

Please be aware that GPThemes is currently tailored to enhance the experience for GPT-4o and GPT-3.5. The GPT Pro is not fully supported yet! Probably the style is not as intended for certain elements!
Exploring and editing all the elements of GPT Pro version may be considered in future updates.

Disclaimer

• I'd like to remind you that ChatGPT frequently updates its website, and even minor changes can sometimes cause unexpected issues with the extension's functionality and appearance.
• Your patience are greatly appreciated. If you notice any obvious issues with the appearance or functionality of the extension, I'm likely already working on it or it has already been fixed, but the new release is not pushed yet or the Chrome Store hasn't yet reflected the changes live. You can track the status on GitHub to stay informed.
• Please note that this is a hobby project and it all depends on my available free time, so it might take a little while to get everything up and running.
  

Thank you for your understanding.

Acknowledgments

I want to thank the testing maestro @TheMaskedGuardian for being the bug whisperer in the wild world of this website extension. His insightful observations have significantly contributed to refining and enhancing the project. Grateful for your testing effort 🙏