倒计时器的深色模式使用技巧

最后更新 2026年10月30日

在深色模式下，邮件应用会更改邮件的颜色。有些应用基本不改变原有设计，有些则会加深背景色并提亮文字颜色，而Gmail的改动通常最大。由于您的计时器是一张图片，因此其颜色不会发生变化。以下技巧可确保它在两种模式下都显示正常。

为什么计时器在深色模式下看起来会不正常

计时器周围的电子邮件背景会变暗，但计时器仍会保留您选择的颜色。如果计时器背景为白色，那么在深色电子邮件中，它就会显示为一个亮白色的方框。

你无法控制每款邮件应用会如何调整邮件的颜色，因此应将计时器设计成在任何背景上看起来都像是刻意为之的。

一个带有独立纯色背景（例如品牌色）的计时器，在两种模式下看起来都一样。它看起来像是一个精心设计的元素，而不是电子邮件中的空白。添加一些填充（标准及以上）将定时器放在透明卡片上。

一个透明计时器的边缘与……相贴合，呈现出平滑的效果 背景色 由你选，即使…… 透明的 。选择白色作为背景色后，当电子邮件背景变暗时，数字周围会出现一圈浅色的边框。

如果计时器必须是透明的：

数字与计时器背景之间的鲜明对比，确保了无论周围环境如何，计时器始终清晰易读。无论在深色还是品牌色背景上，白色或浅色数字在两种模式下均能正常显示。而在深色模式下，透明背景上的深色数字则会隐去。

启用文本轮廓 （Power及以上版本）会在数字和标签周围绘制边框。深色数字周围的浅色轮廓，或浅色数字周围的深色轮廓，可确保其在任何背景上都清晰可读。请在 文本与标签.

较大的计时器每个数字的像素数更多，因此在两种模式下边缘都显得更平滑。增加尺寸或 标签字体大小.

若要在高分辨率屏幕上获得更清晰的显示效果，请选择宽度是所需尺寸两倍的图片，并添加一个 width 添加到代码中的 image 标签中。例如，一个特大号计时器（宽约 800 像素）带有 width="400" 以 400 像素的尺寸显示，细节更丰富一倍。

方块、圆环和药丸样式为数字赋予了各自的彩色形状，因此它们不受电子邮件背景的影响。参见倒计时器自定义选项适用于所有款式。

电子邮件模板中的深色模式代码，例如 prefers-color-scheme CSS 无法修改计时器。它的颜色是图片的一部分，而且许多邮件应用本来就会忽略那段代码。

给自己发送一封测试邮件，并在订阅者最常使用的应用中开启深色模式打开它，例如：

每款应用对深色模式的处理方式略有不同，因此请多试用几款。如果发送邮件后显示效果不理想，请在 Sendtric 中调整定时器。修正后的效果将在下次打开该邮件时显示。

如需进一步了解电子邮件倒计时器，请参阅我们的电子邮件倒计时器页面.