yohasebe / openai-chat-api-workflow

šŸŽ© An Alfred 5 Workflow for using OpenAI Chat API to interact with GPT-4o šŸ¤–šŸ’¬ It also allows image generation šŸ–¼ļø, image understanding šŸ‘€, speech-to-text conversion šŸŽ¤, and text-to-speech synthesis šŸ”ˆ
https://github.com/yohasebe/openai-text-completion-workflow
MIT License
300 stars 8 forks source link

Any way to change the styling of the html output? #10

Open Alejandro-Reapertips opened 1 year ago

Alejandro-Reapertips commented 1 year ago

First of all, thank you so much for this. I have been trying it out and it's amazing.

One thing I find it difficult to adapt is that the html output page uses a width that goes across 100% of my screen. I would love to set a max width of 300-400px for easier reading. I would also like to change the colors to dark mode.

Is any of this possible?

Thank you.

yohasebe commented 1 year ago

Thank you for your feedback. Iā€™m glad to hear that you find it useful!

Regarding your question, I have added a new setting option called Custom CSS in the latest version, which allows you to modify the HTML format of the query results as you wish. You can use CSS to set the maximum width of the output page to 300-400px and change the colors to dark mode.

To do this, you can add the following CSS code to the Custom CSS setting:

body {
  max-width: 400px;
  background-color: black;
  color: white;
}

Feel free to adjust the values to your liking. I hope this helps!