Implement timer customization and improve defaults with smaller, relative text size and less contrasting relative color

[ppazos]

For me the timer size is too big, and might to have a different color for it to have high contrast with the prompted text. Is that possible?

[Cuperino]

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

[ppazos]

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.

[Cuperino]

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

[ppazos]

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.

[ppazos]

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