Changing Text Colour and Font Size in ChatGPT Responses

David Such
8 min readJan 3, 2024

We decided to test a custom GPT for tasks related to copy editing and proofreading. This decision was based on ChatGPT’s expertise in spelling and grammar, and also due to the significant expense associated with employing a professional for these tasks.

Figure 1. ChatGPT as your friendly Copy Editor [Image Credit: DALL-E]

Thinking about the design, we want to be able to point ChatGPT to a URL or GitHub repository, where it can scrape the text from, and then have it provide feedback on the content by highlighting any mistakes. We can then accept or reject its suggestions.

We have already solved the problem of accessing GitHub repositories, so the next issue to address is how we highlight errors in the text.

The ChatGPT User Interface and Tailwind CSS

The latest OpenAI website and the ChatGPT chat interface (Figure 2) are built using Vue, Nuxt, and Tailwind CSS.

Vue is a JavaScript framework for building user interfaces. It sits on top of standard HTML, CSS, and JavaScript and provides a declarative and component-based…

--

--

David Such

Reefwing Software · Embedded Systems Engineer · iOS & AI Development · Robotics · Drones · Arduino · Raspberry Pi · Flight Control