GPThemes

<div align="center"> <div> <img src="https://github.com/itsmartashub/gpthemes/blob/main/gh/circle-3d-dark.png" alt="logo-for-gpthemes-chrome-extension" width="300" height="300" /> </div> </div> <h1 align="center">GPThemes</h1> <h3 align="center">Transform ChatGPT's user interface with customisable accent colours and font styles, modern designs and custom chat bubbles width. </h3> <br/><br/> <div align="center"> <div> <img src="https://github.com/itsmartashub/gpthemes/blob/main/gh/gpthemes-dark.png" alt="" width="100%" /> </div> </div> <div align="center"> <details> <summary><h2>More Screenshots </summary> <div align="center"> <h3>New UI</h3> <div> <div> <img src="https://github.com/itsmartashub/gpthemes/blob/main/gh/gpthemes-amoled.png" alt="" width="100%" /> </div> </br> <div> <img src="https://github.com/itsmartashub/gpthemes/blob/main/gh/gpthemes-light.png" alt="" width="100%" /> </div> </div></br></br> <h3>Old Ui</h3> <div> <div> <img src="https://github.com/itsmartashub/gpthemes/blob/main/gh/gpthemes-dark-oldui.png" alt="" width="100%" /> </div> </br> <div> <img src="https://github.com/itsmartashub/gpthemes/blob/main/gh/gpthemes-light-oldui.png" alt="" width="100%" /> </div> </div> </div> </details> </div>

Features

• Custom accent colors - Choose any accent color with a live preview
• Adjustable layout - Resize chat and chatbox widths for better readability (widescreen support)
• Typography control - Customize font family, size, line height, and letter spacing
• Chat bubbles - Toggle message bubbles for better message distinction
• Modern theme - Light, Dark, and AMOLED-friendly black mode
• Distraction-free view - Hide disruptive elements like the header, footer, and upgrade chip to maximize screen space
• Expand prompt box - Increase the height of the chatbox for more typing room
• Reposition scrolldown button - Adjust horizontal alignment for easy access
• Quick theme switcher - Floating button (FAB) for instant theme changes
• Spacious and clean UI - Comfortable chatting with reduced clutter
• Smooth animations - Subtle feedback for a polished experience
• Mobile friendly - Customize ChatGPT on your phone browser too. Available for Firefox for Android and Cromite (an open-source Chromium-based browser)

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 or just drag the zip file

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.

Compatibility

[!WARNING]

• GPThemes is designed to provide customization experience for the core ChatGPT interface. It is optimized to work with free accounts and key features.
• While the extension will likely function with a Plus subscription and Pro models, some of its styling may not be fully optimized for the advanced UI elements or features unique to that version. Exploring and editing all elements of those may be considered in future updates.
• The extension is built to work with all languages, but its visual appearance is currently fine-tuned for English. I'm actively removing English-specific selectors in favor of more multilingual methods with almost every update.

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 and motivation, so it might take a little while to get everything up and running. </br>

Thank you for your understanding.

Support & Keep It Alive

• If you can afford it and find GPThemes valuable, you can support its development with a pay-what-you-want contribution on KO-FI. Even small contributions help keep it alive and accessible.