Skip to content

GPThemes is a Chrome and Firefox extension designed to improve the visual experience of ChatGPT with customisable accent colours, custom fonts, modern designs and custom chat bubble widths

Notifications You must be signed in to change notification settings

itsmartashub/GPThemes

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

logo-for-gpthemes-chrome-extension

GPThemes

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



More Screenshots

New UI




Old Ui


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

  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-mv3-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-mv3-vX.X.X folder.

Firefox

  1. Download the gpthemes-firefox-mv2-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-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 Omnia, GPTs Store, GPT-3.5 and Browsing and Data Analysis. The GPT-4 Turbo, GPT-4 Vision models, DALL-E 3 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 🙏