v4.2.0

Canvas Integration Update

This release brings comprehensive styling and UI improvements to the Canvas feature, enhancing the visual experience across code and text editing interfaces.

Key Highlights

• 🎨 Complete theme integration across Canvas components (#86)
• 📝 Enhanced Canvas code and text editor experiences (#89)
• 🎯 Improved interactive controls and editing tools (#88)
• 💻 Refined Canvas dev environment and Console (#91)
• 💬 Optimized chat interface for Canvas integration (#92)
• 🦊 Fix overlay over chats when Canvas opened only in Light theme for Firefox (#93)
• 🔘Add styling to Use a tool and Open in canvas button to match the theme (#87)
• 👻 Hide the GPThemes floating btn when Canvas is opened (#86)

DETAILED CHANGELOG 🧵

📝 Canvas Editor Core Features

Code Editor

• Enhanced CodeMirror editor with theme-matching backgrounds and hover effects
• Improved code selection highlighting with accent colors
• Added accent-colored highlighting for current processing lines
• Enhanced syntax highlighting and code block styling

Text Editor

• Added consistent background styling for text content
• Improved text selection highlighting with accent colors
• Enhanced markdown code blocks within text canvas to match theme
• Fixed <br> tags highlighting

🎯 Interactive Controls

Editing Tools

• Added transparent accent backgrounds with blur to floating edit buttons
• Enhanced Port to a language list buttons with hover and active states
• Improved Edit or explain... prompt field styling
• Added accent styling to floating pause button during processing
• Enhanced header UI elements visibility

Sliders & Controls

• Enhanced draggable sliders with accent colors and transparent backgrounds
• Improved Y-slider buttons with ring styling
• Added accent-colored controls for length and reading level adjustments
• Fixed slider background states and interactions

Toolbar

• Added styling to Use a Tool and Open in canvas buttons
• Enhanced toolbar and Ask ChatGPT buttons
• Adjusted Text style dialog spacing and visual hierarchy
• Fixed speech button color in prompt field

💻 Canvas Development Environment

Console Integration

• Updated console background to match canvas theme
• Enhanced error message visibility
• Added accent colors to console controls
• Improved Run sticky header interactions
• Update resizing line with accent color
• Improved dialog styling for comment applications

Code Processing

• Improved processing line indicators
• Corrected processing gradients over previous texts
• Enhanced code execution feedback UI
• Added visual feedback for running operations

💬 Chat Interface

Layout & Design

• Implemented compact chat styles using @container queries
• Enhanced chat bubble gradients and backgrounds
• Improved full-width layouts for different screen sizes
• Optimized mobile-like views when canvas is open

Visual Feedback

• Enhanced comment system highlighting
• Improved processing state indicators
• Added accent colors to interactive elements

🎨 Theme Integration

Consistency Improvements

• Unified background colors across all components
• Enhanced accent color usage throughout the interface
• Improved light and dark theme compatibility
• Fixed various theme-related visual bugs

Loading States

• Enhanced loading skeleton backgrounds
• Improved transition states
• Fixed background application in loading states

🐛 Bug Fixes & Performance

• Fixed overlay issues in Firefox light theme
• Fixed Reset Colors button text typo in customization settings

🚨 Known Issues (#94)

• CodeMirror Code Syntax Synchronization: When changing themes using the GPThemes floating button, the Canvas CodeMirror editor's syntax highlighting doesn't update immediately, remaining in the previous theme's syntax style. This creates a temporary visual inconsistency that can be resolved by refreshing the page.
• Note that changing themes through ChatGPT settings works correctly.
• I'm working on a solution to avoid the need for page refresh.

For detailed information about this update, please refer to PR #90.

Closes Issues: #86,#87, #88, #89, #91, #92, #93
Still Open: #94

What's Changed

• [86] Add Canvas text and code support by @itsmartashub in #90

Full Changelog: v4.1.4...v4.2.0

v4.1.4

🛠️ Improvements

• Prompt Field/Voice Icon: Improve new Advanced Voice button look (#80)
• Adanced Voice Interface: Updated the style of the mic and close buttons, Choose a voice voice buttons fade gradient, and overall Voice layout (#79)
• Dialog/Search Chats: Improve Search chats dialogs and add date pills like in sidebar (#80)
• Dialog/Source Links: Update sticky category subheaders and main header Links to match theme for /Search prompts (#83)
• Prompt Field/Reply: Small improvements to Reply ballons (#80)
• Chat Bubbles/Decrease Gap Between: Decrease spacing between chat bubbles (#82)
• Chat Bubbles/User Prompt Flash: Fix the blank bubble on first user prompt sent
• Chat Bubbles/Source: Update style for Source btn and listed source links (#83)
• Chat Bubbles/Feedback: Improve Voice chat ended feedback and overall feedback submits UI (#80)

🐛 Bug Fixes

• Prompt Field/Commands: Fix design issues with command menu (/) and GPTs mentions (@) dropdown (#80)
• Prompt Field/Misalignment: Fix misalignment with chats due to new empty element (#81)
• Prompt Field/Full Width Flash: Fix width issues like full width flash on page refresh (#84)
• Prompt Field/Drecreise Edges: Decrease border-radius for better appearance with the new prompt field height (#80)
• Sidebar/Unread Indicators: Match blue indicator of unread GPT messages to accent color (#80)
• Sidebar/Logo: Update ChatGPT logo color to match the theme (#80)
• Dialog/Upgrade Plan: Fix styling issues for the new Plus upgrade pricing plan card (#80)
• Analysis & Code: Improve analyzed Result design in bubbles and dialogs, and prevent overflowing to ensure visibility (#80)
• Analysis & Code: Fix transparent Always show details with Copy code wrapper (#80)
• Response Notifications: Enhanced the style of new response generated notifications in the chats layout (#80)
• DALL-E/Hover Buttons: Updated CSS selectors to improve the styling of action buttons within chat bubble's generated image hover state (#80)

Full Changelog: v4.1.3...v4.1.4

v4.1.3

✨ Improvements

• Markdown & Analysis: Improve Analysis code UI and code snippets overall
• Settings/Dialog Tables: Add a background color on hover for table items (Archive chats and Share Links), improving the UX.
• Hint Pills: Updated the color of Search and Picture hint pills to match the accent theme, improving visual consistency.
• Circle ❓ Button: Add a background color to the ❓ circle button on the bottom right, enhancing its visual appearance.
• ChatGPT Model Menu: Add better styling for icons of ChatGPT models dropdown in sticky header

🐛 Bug Fixes

• User Chat Bubble: Restored the correct styles and width customization for the user chat bubble.
• Prompt Field/Styles Apply Delay: Fix delayed styles application on page load
• Prompt Field/Attach Files Icon: Fix the misalignment of the Attach Files SVG icon in the prompt textarea.
• Prompt Field/Attach Files Icon Background: Updated the background of the Attach Files icon to match the current theme.
• Prompt Field/Typing /: Fix the background of the popover menu that appears when typing / in the prompt field.
• Prompt Field/Typing @: Fix the broken styles for the GPT's @mentions elements in the prompt field.
• Settings/Language Dropdown: Fix accessibility issues and update the styling of the language dropdown in Settings
• Settings/Dialog Tables: Fix table sticky heading background color being transparent in y-scrollable tables.

Full Changelog: v4.1.2...v4.1.3

v4.1.2

🛠️ Improvements

• Search Links Design (#63): Enhanced pill-like search links, matching theme accent colors for better readability.
• Unread Indicator (#62): Improved unread bubble indicator in sidebar chat list to match the chosen theme.

🐛 Bug Fixes

• New Chat Autocomplete (#61): Updated selector to accommodate recent OpenAI changes and fix keyboard navigation UX
• Markdown Code Snippets (#64): Restored correct styling for markdown code snippet blocks, including header and content background colors.
• GPThemes Settings: Decreased width of Reset All button in GPThemes Customization section for better layout.

Full Changelog: v4.1.1...v4.1.2

v4.1.1

🛠️ Improvements

• New Chat Layout Enhancements (#59):

  • Added style to autocomplete prompt suggestions to match GPThemes design patterns
  • Refreshed design with improved prompt action cards
  • Added accent color to main heading What can I help with? and main ChatGPT logo (#59)
  • Improved visibility and hover effects for both dark and light themes

• Response Comparison UI (#45): Enhanced Which response do you prefer? latest layout

What's Changed

• Improve Which response do you prefer? new design by @itsmartashub in #58
• Apply the extension's theme styles to the new New Chat layout by @itsmartashub in #60

Full Changelog: v4.1.0...v4.1.1

v4.1.0

🛠️ Improvements

• Font Adjustments (#56): Limited font-size and line-height adjustments to chat bubbles only.
• GPThemes Settings UI Enhancement (#54): Improved layouts and scrolling behavior

🐛 Bug Fixes

• GPThemes Settings (#53):
  • Fixed broken styles in the Font tab section.
  • Resolved tab overlapping issues on tiny mobile screens.
• Prompt Textarea: Removed extra padding from the Reply element for a cleaner design.
• Share Link Page (#57): Fixed chat bubble styles not being applied, ensuring consistent styling across all pages.

What's Changed

• GPThemes Customization: Fix broken style of the Font tab section and overall UI improvements for different screen sizes by @itsmartashub in #54
• Limit font adjustments to chat bubbles only by @itsmartashub in #56

Full Changelog: v4.0.4...v4.1.0

v4.0.4

🛠️ Improvements

• Theme Mode Consistency (#48, #52):
  • Theme changes made in GPT settings are now reflected in the GPThemes theme, and vice versa, to maintain consistency across the board
  • The application of themes across the extension has been enhanced to ensure consistency, which was previously broken due to new OpenAI's code loading techniques

🐛 Bug Fixes

• Scrollbar Styling (#50): Resolved issues caused by OpenAI's dynamic code loading, ensuring consistent design.
• Temporary Chat Text Color: Fix the text color in the prompt textarea for temporary chats in light themes.
• OLED Theme Fixes: The OLED theme display has been fixed in dialogs and GPT Stores.

🔧 Maintenance

• Floating Button Refactor (#49, #51):

  • Improved code organization, readability, and performance.
  • Extracted accent color, theme and settings management logic into separate files.
  • Split themeManager and settingsManager into distinct files.
  • Renamed Assets to Widths for clarity.
  • Increased gpth-settings to accommodate huge scrollbars.

• Storage Management:

  • Removed unnecessary keys previously used for theme management.
  • Switched from storage.sync to storage.local for theme value storage.

Note

🚧 Known Issues

A minor theme inconsistency remains on shared chat pages (https://chatgpt.com/share/*) due to recent ChatGPT updates.
Custom accent colors are not applied due to OpenAI's new dynamic code loading, which overrides some extension code.

This release focuses on improving theme consistency and fixing visual bugs, particularly for OLED themes and scrollbar styling. Behind the scenes, significant maintenance work has been done to enhance performance, improve code organization, and optimize storage management.

What's Changed

• Improve floating button code for better readability and maintainability by @itsmartashub in #51
• GPThemes not overriding ChatGPT theme mode after page refresh (#48) by @itsmartashub in #52

Full Changelog: v4.0.3...v4.0.4

v4.0.3

🛠️ Improvements

• Increased scrollbar width for better usability
• Add style to code texts in chat bubbles to match the GPThemes

🐛 Bug Fixes

• Fixed broken prompt textarea due to recent OpenAI changes
• Fixed broken Upgrade Your Plan dialog due to recent OpenAI changes

🔧 Maintenance

• Refactored zip.js for better efficiency and readability
• Updated dependencies and browserlist configuration for correct CSS prefixing

...and many minor enhancements.

Full Changelog: v4.0.2...v4.0.3

v4.0.2

🛠️ Improvements

• Redesigned example button cards in new chat layout
• Revamped Upgrade Your Plan dialog (#44)
• Enhanced Create Link button style in Share Link Public to Chat dialogs
• Adjusted gap for the new chat button from other links in sidebar

🐛 Bug Fixes

• Improved user chat edit state design (#43)
• Fixed user chat bubble background flash when the first message sent (#46)
• Restored visibility of menu link dividers
• Enhanced active tag appearance in 👎 feedback dialog

Full Changelog: v4.0.1...v4.0.2

v4.0.1

🛠️ Improvements

• DALLE - Enhanced Image Prompt Preview Layout: Restyled the DALLE image prompt preview section, including the prompt toggle sidebar, for improved user experience on both mobile and desktop.
• DALLE - Image Hover Buttons: Restyled hover buttons in the DALLE image section to match the extension's theme, providing a more cohesive user interface.
• DALLE GPTs UI Update: Removed gradient background from DALLE example buttons above the prompt field for a cleaner look.

🐛 Bug Fixes

• Assistant Chat Bubble Background (#42): Fixed an issue where the assistant's chat bubble background was not visible due to recent ChatGPT changes, improving readability and visual clarity.

Full Changelog: v4.0.0...v4.0.1