Custom font size and color

[2manyvcos]

Hi there,

I would love an option for setting the font size and text color.
What do you think about this?

[ftm]

You can do this already by editing your stylesheet and using the .atom-clock selector. For example:

.atom-clock {
  color: red;
  font-size: 2rem;
  font-family: "Comic Sans MS";
}

If you want it to fit into your UI theme then if you import ui-variables in your stylesheet you can then use the colours set by your theme which you can see in your Styleguide (Packages → Styleguide → Show). For example

@import 'ui-variables';

.atom-clock {
  color: @text-color-success;
}

[2manyvcos]

Awesome!
Thanks for your help. 👍

[jsegra]

It's possible to customize the tooltip?
Thx.

[ftm]

Currently it is not possible to customise the style of the tooltip as atom-clock does not set a custom class on the tooltip however according to the Atom docs this is something which could be added. I'll add it later and submit a pull request.

[jsegra]

Oki, thx.

[ftm]

That's been added now so you can style the tooltip text however you want by using the .atom-clock-tooltip > .tooltip-inner selector. See the pull request for more info.