Implement timer customization and improve defaults with smaller, relative text size and less contrasting relative color about imaginary-teleprompter HOT 5 OPEN

I'm don't see anything wrong with the current defaults. The size for instance would depend on the screen. On my screen the timer is huge. On the other hand, for the color, maybe the color theme for the text prompted should also affect the timer's color. For instance to avoid having the text and timer with the same color. Default position also is good, but at the bottom might be distracting when trying to read the text that is coming next, that comes from the bottom. BTW in my case I use a vertical screen. I'll take a screenshot later to show you.

from imaginary-teleprompter.

Saludos @ppazos,

In order to improve the Timer for the next release, please answer the following questions:

• What font size do you think would be adequate?
• What color do you think would be adequate?
• What background color and opacity do you think would be adequate?

To answer your question: It is possible. The easiest way is to modify the .clock class at app/css/teleprompter.css or at app/src/prompter/css/teleprompter.css if you are to use the beta-v branch. You'd have to change the color, font-size, and background values to address timer size and contrast.

Imaginary Teleprompter is built as a traditional website, so there's no need to compile in order to use it, just open index.html. Nevertheless, if you'd like to keep all the features and make the most out of your customized version, I suggest creating a build by following the guide at: https://github.com/ImaginarySense/Imaginary-Teleprompter-Electron

from imaginary-teleprompter.

What I mean is to allow the user to configure the values depending on their preference. There is no ideal value for everyone, depends on the screen size, resolution, the text size of the prompter, and personal preference.

from imaginary-teleprompter.

Copy. Nevertheless, better defaults are still necessary, so I'd like to hear what works for you.

from imaginary-teleprompter.

This is my vertical screen. You can see the timer size is huge, and is the same color as the text I'm reading.

from imaginary-teleprompter.