Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Jump to bottom

[59] Apply the extension's theme styles to the new New Chat layout #60

Merged
merged 7 commits into from
Oct 10, 2024
Merged

[59] Apply the extension's theme styles to the new New Chat layout #60

merged 7 commits into from
Oct 10, 2024

Commits on Oct 9, 2024

  1. feat(prompt-action-cards): Add style to list of examples to match the… 

    … extension's design patterns (#59)

- Added custom styles to the list of examples that appear when clicking on prompt action cards
- Improved the visual appearance of the examples list for better readability and usability

Changes summary:
    - Enhanced the visual design of the list of examples that appear when clicking on prompt action cards.
    @itsmartashub
    itsmartashub committed Oct 9, 2024
    Configuration menu
    Copy the full SHA
    ec8b6db View commit details
    Browse the repository at this point in the history

  2. feat(prompt-action-cards): Add consistent style to prompt action card… 

    …s below prompt field

- Added a consistent style to the example cards below the prompt field, including the new layout and existing list of examples
- Added accent gradient background, blur, and SVG styles to match the prompt cards from the previous "New Chat" layout
- Ensured a visually appealing and user-friendly design for the prompt action cards, such as "Create image", "Summarize text", and more

Changes summary:
    - Improved the visual design of the prompt action cards below the prompt field for a familiar user experience.
    @itsmartashub
    itsmartashub committed Oct 9, 2024
    Configuration menu
    Copy the full SHA
    0aca7e9 View commit details
    Browse the repository at this point in the history

  3. fix(prompt-action-cards): Fix Attach files svg background 

    - Added a global style for `.bg-brand-blue-800/20` to fix the "Attach files" SVG background circle
- Ensured consistent background appearance for elements using this class, such as the "Attach files" SVG background circle "Attach files" svg background circled div triggered when clicked some of the new "New Chat" layout prompt action cards (Like "Summarize text", "Analyze images", etc.)

Changes summary:
    - Fixed the "Attach files" SVG background circle not matching the extension's theme triggered when using certain prompt action cards.
    @itsmartashub
    itsmartashub committed Oct 9, 2024
    Configuration menu
    Copy the full SHA
    3fc1882 View commit details
    Browse the repository at this point in the history

  4. feat(new-chat/heading): - Changed main heading `What can I help with?… 

    …` to use the accent color

- Ensured consistency with the extension's visual theme

Changes summary:
    - Updated the main heading color to match the extension's accent color.
    @itsmartashub
    itsmartashub committed Oct 9, 2024
    Configuration menu
    Copy the full SHA
    17ab101 View commit details
    Browse the repository at this point in the history

  5. feat(new-chat): Update ChatGPT logo color to match the accent color a… 

    …nd main heading

- Changed the color of the ChatGPT main logo above prompt cards to the accent color
- Ensured visual consistency with the extension's theme and main heading

Changes summary:
    - Updated the ChatGPT main logo color to match the accent color and main heading.
    @itsmartashub
    itsmartashub committed Oct 9, 2024
    Configuration menu
    Copy the full SHA
    58d3293 View commit details
    Browse the repository at this point in the history

  6. feat(prompt-action-cards): Improve design for dark and light themes 

    - Reverted to previous design for dark themes
- Added better hover state with accent color for both SVG and text, and scaled down the button
- For light themes, made the SVG and text color accent color by default for better visibility because colorful svg icons was unpleasant and almost invisible

Changes summary:
    - Improved the design of prompt action cards for both dark and light themes, enhancing visibility and user experience.
    @itsmartashub
    itsmartashub committed Oct 9, 2024
    Configuration menu
    Copy the full SHA
    c767657 View commit details
    Browse the repository at this point in the history

  7. refactor(prompt-action-cards): Remove unused code

    @itsmartashub
    itsmartashub committed Oct 9, 2024
    Configuration menu
    Copy the full SHA
    0d6146f View commit details
    Browse the repository at this point in the history