v3.1.0

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 GPT and try to copy "spoooooky" parts like background.js. Let the ChatGPT to break it down for you... and of course, all that while you are already enabled the GPThemes 🥲

Stay awesome and enjoy the updates!

👆 THIS IS RESOLVED WITH #34

✨ New Features

Custom Fonts (#22)

• Custom Font Settings: Introduced a dedicated Fonts tab in GPThemes customization settings, offering users extensive font customization options, including style, size, and family.
• Font Application and Reset: Implemented Apply Fonts and Reset Fonts functionality, allowing users to preview and reset font choices dynamically.
• Dynamic Font Loading: Fetch custom fonts from Google Fonts dynamically, providing a broader range of font options and improving performance.
• Persistent Font Preferences: Stored user font preferences in local storage, ensuring consistent font application across devices and sessions.
• Font Input Validation: Added input validation for number-based font properties, ensuring users input numeric values and providing clear error messages.
• Font Family Reset: Ensured the Font Family field populates with Default text when resetting fonts, improving user experience.
• Letter Spacing and Line Height: Introduced letter-spacing and line-height customization options for chats, enhancing typography control.
• Font Reset and Application Fixes: Enhanced font resetting logic and ensured proper application of font properties, even after page refreshes.
• Custom Font Properties Redesign: Upgraded custom font properties from basic input fields to advanced cards for a modern customization interface.
• Font Property Animations: Implemented animations for custom font properties within cards, creating a dynamic user experience.
• Tooltips for Font Properties: Added tooltips to font property input fields, providing users with clear guidance on input ranges.
• Refined Tooltip Text: Simplified and improved tooltip text for font property input fields, enhancing clarity.
• Number Formatting in Input Fields: Formatted input values for better readability and idiot-proof input fields.
• Enter Key Submission: Allowed users to submit input values using the Enter key for improved accessibility.
• Mobile Input Validation: Optimized error notifications for input validation on mobile screens, ensuring a seamless mobile experience.
• Removed Default Arrows in Firefox: Removed default browser number input arrows in Firefox for a cleaner UI.
• Google Fonts Optimization: Optimized Google Fonts fetching logic to prevent request spamming and improve performance.
• Fallback Font: Set a default font as a fallback to ensure content remains readable even if custom fonts fail to load.

Tabs

• Tabs in GPThemes Settings: Refactored GPThemes settings to utilize a tab-based interface for better organization and navigation.
• Animations in GPThemes Tabs: Added animations when switching between GPThemes tabs for a smoother user experience.

💪 Improvements

• Scrollbar Design: Improved default scrollbar design for a modern and sleek appearance, ensuring cross-browser compatibility. (#27)
• @Mention Styling: Repaired styling for @GPTs mentions, ensuring consistent appearance (#28)
• Mobile Chat Bubble Overlap Fix: Resolved chat text overlap with avatar on mobile, improving readability.
• Scoped z-index for Mobile: Scoped z-index adjustments for mobile screens, preventing overlap with sticky header on desktop.
• Iframe Dialog Optimization: Removed padding from dialogs with iframes for improved preview experience (GDrive and Onedrive previews)
• Zoom Animation for Images: Implemented zoom animation on hover for uploaded images in User chat bubble, creating a visually engaging experience.
• Alert Colors: Updated colors for error and warning alerts, using red for danger and orange for warnings.
• Pre-Generated Prompt Repair: Fixed broken design for pre-generated prompt example due to GPT selector changes.
• Log Out and Delete Button Styling: Applied consistent styling to Log Out and Delete Conversation buttons in menus for improved visibility.
• Standardized Upgrade Your Plan Dialog: Standardized Upgrade Your Plan dialog design across profiles, addressing full-width and styling issues. (there are so many different variants of this dialog depends on your profile. If I haven't covered of the one you have, please open an issue) (#29)
• Active Plan Button Styling: Corrected styling of active plan button in Upgrade Your Plan dialog for visual distinction. (#29)
• Menu Margins: Adjusted margins in menus to address disproportional gaps and ensure consistent spacing.

🐛 Bug Fixes

• Optimized Google Fonts URL: Removed unused font styles from Google Fonts URL for improved performance.
• Mobile Sidebar Design: Resolved design issues with sidebar on mobile, ensuring proper padding, background color, and border radius. (#23)
• Upgrade Your Plan Dialog Width: Modified dialog width to fit content properly. (#29)
• Report Dialog Design: Enhanced design of Report button in Report [some_GPTs] dialog, adding border radius and hover styling.
• Dialog and Media Layout: Optimized the layout of dialogs containing media content, removing unnecessary padding and margins. Adjusted styling for dialogs with images and iframes (Google Drive/OneDrive preview)
• GPTs Store - See More Button: Adjusted padding and added margin for improved spacing and appearance.
• GPTs Store - Hover Animations: Implemented a hover animation for GPTs on the Store page, providing visual feedback and an engaging user experience.
• Table Dialog Padding: Removed unnecessary padding from links in table dialog for optimized layout.
• Broken Design for Old UI: Repaired broken design for pre-generated prompt example in old UI due to GPT changes.

👷 Development Workflow

• Optimized performance by removing unused code and build files.
• Updated manifests with Content Security Policy, allowing Google Fonts while maintaining security. Ensured script, object, style, and font sources are restricted to trusted origins for enhanced security:
      - script-src 'self';  ➡️ Only allow scripts from the extension itself.
      - object-src 'self';  ➡️ Only allow objects (e.g. plugins) from the extension itself.
      - style-src 'self' https://fonts.googleapis.com;  ➡️ Allow styles from the extension and Google's fonts API.
      - font-src 'self' https://fonts.gstatic.com;  ➡️ Allow fonts from the extension and Google's fonts CDN.
• Automate the ZIP creation process by dynamically reading the extension version from the Chrome and Firefox manifest files.
• Add web extension update announcements and automatically open the GitHub release notes
• Include necessary permissions (notifications and tabs) in the manifest for update notifications

---

What's Changed

• Refactor with DRY more performant code by @itsmartashub in #25
• Add Custom Fonts by @itsmartashub in #26

Full Changelog: v3.0.1...v3.1.0

v3.0.1

Bug Fixes

• Attach Files Icon: Fixed a recurring issue with the Attach Files SVG icon breaking due to GPT changes. (#18)
• Old UI/Reply Components: Corrected the Reply elements styling in the User Chat and Prompt Message Field for the old UI, ensuring a unified look across different layouts of the platform. (#19)
• Guest Mode/GPTs Store Page: Modified CSS selectors to correctly apply styles on the GPTs Store page when in guest mode, bypassing the absence of the <main> tag. (#20)
• Social Icons in Public Link Dialog: Fixed the background color of social icons to match the extension's theme scheme, creating a seamless and cohesive user experience.
• GPTs/Conversation Links Gradient: Ensured consistent styling for conversation links gradient in the sidebar across different ChatGPT layouts, including the one with free GPT access.
• GPTs/Build Profile Dialog: Fixed broken styling for the Build Profile dialog introduced with the GPTs feature, ensuring a seamless user experience. (#21)
• 🌐 Global View On/Off Button: Improved the visibility of the 🌐 Global View On/Off button in the sticky header of the GPTs section by enhancing its appearance on hover. (#21)

Enhancements

• Chat Bubble Editing State: Improved the appearance of the textarea in the edit state within user chat bubbles by adding a border, increasing background opacity, and applying the accent color to the caret, creating a clear indication of the editing mode.
• Mobile/Chat Bubble Optimization: Decreased the padding and radius of chat bubbles on mobile screens to optimize space and improve the overall conversation layout, creating a more compact and user-friendly interface.
• Mobile/Dialogs and Context Menus: Optimized dialogs and context menus on mobile screens by decreasing the radius and padding, creating a more compact and space-efficient interface.
• Analysis Dialog Code Snippets: Enhanced the styling of code snippets within Analysis Results to ensure consistency and legibility across different themes and backgrounds.
• Sticky Header Small Retouch: Overhauled the styling of the ChatGPT 🔽 and associated buttons within the sticky header to ensure a cohesive and responsive design across both desktop and mobile platforms.
• Global Text Styling: Implemented a global style rule for the .text-token-text-quaternary class to ensure consistent text styling across the application, adhering to GPThemes design guidelines.
• Input Placeholders Colors: Enhanced the search functionality by improving the color contrast of search results, making it easier for users to identify and locate relevant information.
• Prompt Textarea Focus Effect: Removed the box-shadow inset effect from the textarea prompt when it receives focus, creating a cleaner and more refined appearance.

...and more minor changes.

Note

A brief summary of the major changes introduced in version 3.0.0 can be found here

Full Changelog: v3.0.0...v3.0.1

v3.0.0

Major Update

Screenshots

LIGHT

DARK

AMOLED

Customizable Accent Colors

A game-changing feature has been introduced that allows users to personalize their ChatGPT experience with customizable accent colors. 🎨 Users can now set their preferred accent color for both light and dark themes, with a real-time preview and persistence across sessions. Accessibility considerations have been made to ensure that the selected accent color maintains sufficient contrast and visibility for individuals with visual impairments.

Closed: #4, #5, #6, #7, #8, #9, #10

GPT-4o Compatibility

All broken styles have been fixed to support the new ChatGPT layout (GPT-4o), while maintaining backward compatibility for users who haven't transitioned yet. This update ensures that GPThemes supports four different ChatGPT UI layouts:

• old GPT layout without GPT-4o
• old GPT layout with GPT-4o
• new GPT layout without GPT-4o
• new GPT layout with GPT-4o.

Closed: #16

Enhanced Floating Button

A modernized floating button experience has been implemented, featuring real icons for floating button options. The redesigned floating button boasts a sleek, modern aesthetic with gradients and a new palette icon, while also ensuring sufficient contrast and visibility for users with visual impairments.

Closed: #11, #12

Bug Fixes

• Language Dropdown Overlap #14: The issue where the language dropdown was obscured by modal windows and had inconsistent styling has been resolved. The dropdown is now visible and styled consistently with the current theme. 🔧

There are many more changes from the previous release that you can see here.

---

What's Changed

• Implement custom accent color for light and dark themes (#3) by @itsmartashub in #15
• Fix all the broken styles due to new ChatGPT layout (GPT4o) by @itsmartashub in #17

New Contributors

• @itsmartashub made their first contribution in #15

Full Changelog: v2.0.9...v3.0.0

v2.0.9

🎨 Improvements

• Enhanced Share Link to Chat Dialog: Resolved color inconsistencies within the Share public link to chat dialog and removed outdated styles for the mini chat preview since it has been removed by ChatGPT.
• Share Link Consistency: Ensured the "Share Link to Chat" style is applied consistently, including the "Public Link Updated" dialog. Added a pill style to social platforms in the dialog footer.
• Alert Card Design: Applied ToS color design to the alert card in the Share Link to Chat dialog for better visual consistency.
• Collapse Sidebar Button Polish: Minor color adjustment to the "Collapse sidebar" button for improved aesthetics.
• Checkbox Animations Removed: Removed strange animation on hover from switch/checkbox buttons for smoother interaction.
• Checkbox Border Added: Added a border to the checkbox/switch button for improved visual clarity.
• ChatGPT 3.5 Dropdown Icon Animations: Added animation to the New Chat 📝 indicator for improved hover effects on menu items in ChatGPT 3.5 dropdown menu in sticky header.
• ChatGPT 3.5 Dropdown Checkmark Transition: Resolved strange transition behavior of the checkmark icon in the "ChatGPT 3.5" context menu item in sticky header.
• Upgrade Button Accent: Enhanced the Upgrade to Plus button in ChatGPT 3.5 dropdown menu by matching its background color to the accent color
• Sidebar Time Headings Visibility: Fixed a style issue with time headings in the sidebar caused by ChatGPT removing a targeting element.
• Sidebar Renaming Conversation Style: Adjusted the style for renaming conversation names in the sidebar due to class removal by the ChatGPT website.
• Chat Bubble Consistency: Ensured consistency in the Which response do you prefer? prompt by matching the chat bubble background with the assistant background.
• Custom Danger Color: Introduced a custom danger color for --text-error to address red color inconsistencies in context menu items, such as 🗑️ Delete for chat conversations in the sidebar.

Full Changelog: v2.0.8...v2.0.9

v2.0.8

🐛 Bug Fixes

• Hotfix - new domain: Add new chatgpt.com domain to permissions to resolve "extension not working" issue (#13)

🎨 Improvements

• Code block border removing: Remove border from the code snippets box in chat bubble to enhance the visual appeal and consistency of the GPThemes interface (#2)

Full Changelog: v2.0.7...v2.0.8

v2.0.7

🎨 Improvements

• User Bubble Reply Update: The styling of the Reply element in the User chat bubble has been updated to reflect recent design changes. Additionally, some code related to the previous Reply design has been removed due to updates in GPT code

🐛 Bug Fixes

• Chat Bubble Design Fix: Resolved an issue where recent ChatGPT changes caused chat bubble design elements to break. Functionality and appearance have been restored.
• Chat Bubble Code Refactoring: The code selector for chat bubbles has been adjusted to prevent additional styles from being unintentionally applied to specific responses, like when Was this response better or worse? and Response 1 or Response 2 elements are shown

v2.0.6

🆕 New Features

• Enhanced visual appearance of the Reply quote in the message field.
• Refined look of the Replying to: element in the user chat bubble after submitting a reply to look more modern.
• Reduced the size of the floating theme toggle button after 3s of page load to minimize disruption.

🐛 Bug Fixes

• Resolved issues with broken colors and elements in the product dialog and notifications on Explore GPTs page
• Fixed a design defect in the Share Link mini chat preview caused by previous changes.
• Updated button styling in GPT chat bubble to avoid var(--c-avatar) color being applied to quote icon ” when text is selected for reply.

🎨 Other Improvements

• Removed unused code in the theme toggle button for better code maintainability.
• Updated the Intro Page left side text color for visual consistency.
• Optimized content.js for improved performance and readability.

v2.0.5

🎨 Mobile Improvements

• Adjusted chat bubble size: Optimized chat bubble size and design for mobile screens better readability
• Fixed mobile settings: Corrected the tablist and active tab background colors in the Settings dialog to improve mobile usability
• Improved mobile tab display: Implemented flex wrap for the tablist to ensure proper content wrapping and display of tabs on mobile devices with limited space
• Hover animations: Removed hover animations for chat bubble footer icons to ensure they are always visible and accessible

🐛 Bug Fixes (from previous)

• Improved 2FA styling: Resolved a style issue with the enabled tag when 2FA (Two-Factor Authentication) is enabled. This ensures proper display after adding a new 2FA option
• Chat bubble footer alignment: Vertically aligned the SVG icons in the chat bubble footer for better positioning
• Chat bubble consistency: Enhanced design consistency between Response 1 and Response 2 chat bubbles to match the style of other bubbles
• Logo visibility: Fixed an issue that affected logo visibility in Response 1 & Response 2 chat bubbles

v2.0.4

🐛 Bug Fixes:

• Improved 2FA styling: Resolved a style issue with the enabled tag when 2FA (Two-Factor Authentication) is enabled. This ensures proper display after adding a new 2FA option
• Chat bubble footer alignment: Vertically aligned the SVG icons in the chat bubble footer for better positioning
• Chat bubble consistency: Enhanced design consistency between Response 1 and Response 2 chat bubbles to match the style of other bubbles
• Logo visibility: Fixed an issue that affected logo visibility in Response 1 & Response 2 chat bubbles

v2.0.3

🎨 Improvements:

• Reverted font to GPT's default and removed Inter for design consistency. (This is temp, so it's likely to change in the future)
• Enhanced the appearance and usability of the Stop Generating button.
• Enhanced color contrast for the avatar icons and text using color-mix for better readability in gpt's chat bubbles.
• Adjusted .markdown element colors (blockquotes, numbered lists, etc.) to match the accent color for visual consistency.
• Fixed styling for the "Terms of Service" violating message. (Don't ask how this was tested... 🥲)
• Resolved the broken background color of the note in the "Share Link" dialog when sharing a chat with custom instructions applied to ensure correct display and improved readability.
• Updated ParcelJS dependencies to version 2.12.0 for improved compatibility and potential enhancements.

🐛 Bug Fixes:

• Corrected the color for text-token-text-tertiary to ensure visual harmony.
• Resolved issues with theme variable application (--text-primary, --text-secondary etc.).
• Fixed a double !important clash in the "Share Link" dialog to successfully apply the corrected bg-colors for Any personalized data not present in the conversation won’t be shared with viewers (ex: custom instructions) note.
• Removed unused code related to .bg-token-main-surface-tertiary for better code maintainability.
• Switched color-mix function to srgb-linear color mode in light theme for consistent color blending.