GPThemes
Transform ChatGPT's user interface with customisable accent colours and font styles, modern designs and custom chat bubbles width.
Main Features
- Custom/full chat and prompt field width: Adjust the width of chat bubbles and prompt textarea to your preference, including full-width options for an immersive experience.
- 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
- Go to the GPThemes extension page
- Click the
Add to Chrome button
- Confirm the installation when prompted
- Visit the ChatGPT website to start using GPThemes.
Firefox Add-On
- Go to GPThemes Firefox Add-ons page
- Click the
Add to Firefox button
- Confirm the installation when prompted by clicking the
Add
- Visit the ChatGPT website to start using GPThemes.
Developer Mode Installation
Chromium
- Download the
gpthemes-chromium-mv3-vX.X.X.zip from the Releases and unzip.
- Open Chrome, go to
chrome://extensions/
- Enable
Developer mode in the top-right corner.
- Click
Load unpacked and select the gpthemes-chromium-mv3-vX.X.X folder.
Firefox
- Download the
gpthemes-firefox-mv2-vX.X.X.zip from the Releases and unzip.
- Open Firefox, go to
about:debugging
- Enable
Add-on debugging in This Firefox
- Click
Load Temporary Add-on and select manifest.json in gpthemes-firefox-mv2-vX.X.X folder.
Permissions
- Storage: GPThemes requests permission to access browser storage to save your chosen theme name, custom accent color, custom font properties and custom chat/prompt width. 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.
Supported Versions
Warning
Please be aware that GPThemes is currently tailored to enhance the experience for GPT-4o, GPT-4o mini, GPTs Store, DALLE and Browsing and Data Analysis.
The o1-preview, o1-mini models are not fully supported yet! Probably the style is not as intended for certain elements!
Exploring and editing all elements of those 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
