roundcube如何为电子邮件着色以及如何在Delphi中实现roundcube颜色方案？

RoundCube为下面的纯文本电子邮件提供了一个很好的配色方案

我想知道RoundCube是如何做到这一点的，以及如何在Delphi中实现这个配色方案

>>>> Peter says: 
>>>> Peter says: 
>>> Jane says:
>>> Jane says:
>> Peter says: 
>> Peter says:
> Jane says:
> Jane says:
Peter says: 
Peter says: 

---

我不知道RoundCube是如何做到的；我对这个产品不熟悉。不过，使用HTML和CSS可以直接实现这种效果

我在电子邮件引号中使用了嵌套的

blockquote

元素：

彼得说：

彼得说：
简说：

简说：
彼得说：

彼得说：
简说：

简说：
彼得说：

彼得说
简说：

简说：
彼得说：

彼得说：

然后我根据CSS中的嵌套级别为边框和文本上色：

正文{
字体系列：“时代”；
}
大宗报价{
背景色：#eee；
左边框：3px实心#00f；
右边框：3px实心#00f；
颜色：#00f；
填充：0.6em 0.9em 0.3em；
保证金：0.3em；
}
blockquote>blockquote{
颜色：#0f0；
边框颜色：#0f0；
}
blockquote>blockquote>blockquote{
颜色：#b22；
边框颜色：#b22；
}

你可以看看

RoundCube是一个Web电子邮件程序，因此如果您想确认它是如何工作的，可以查看它生成的HTML

---

这项任务最困难的部分是解析电子邮件以识别同一级别的文本块，但这超出了这个问题的范围。

我不知道RoundCube是如何做到的；我对这个产品不熟悉。不过，使用HTML和CSS可以直接实现这种效果

我在电子邮件引号中使用了嵌套的

blockquote

元素：

彼得说：

彼得说：
简说：

简说：
彼得说：

彼得说：
简说：

简说：
彼得说：

彼得说
简说：

简说：
彼得说：

彼得说：

然后我根据CSS中的嵌套级别为边框和文本上色：

正文{
字体系列：“时代”；
}
大宗报价{
背景色：#eee；
左边框：3px实心#00f；
右边框：3px实心#00f；
颜色：#00f；
填充：0.6em 0.9em 0.3em；
保证金：0.3em；
}
blockquote>blockquote{
颜色：#0f0；
边框颜色：#0f0；
}
blockquote>blockquote>blockquote{
颜色：#b22；
边框颜色：#b22；
}

你可以看看

RoundCube是一个Web电子邮件程序，因此如果您想确认它是如何工作的，可以查看它生成的HTML

---

这项任务最困难的部分是解析电子邮件，以识别来自同一级别的文本块，但这超出了这个问题的范围。

如果你看到来自两个不同人的4条内部消息的相同颜色，那就不太好了：）此外，我将使用一个常见的富编辑控件，对于那些线程行，我将使用

│字符（实际上，从行开始的每个
字符都可以转换为
│字符，根据线程级别，每个字符的颜色都会有所不同）。您觉得哪一部分比较难？对我来说，这看起来像是一个自定义控件。配色方案很简单。蓝色，然后是绿色，然后是红色。真的有点蹩脚。用HTML和CSS复制这样的布局应该相当简单。将每个级别的引号放入嵌套的
div
（甚至嵌套的
块引号
，如果允许嵌套的话），并根据CSS中的嵌套级别排列边框颜色和填充。最难的部分将是解析文本以识别来自同一级别的文本块。这是Rob的一个非常可靠的想法。如果你看到来自两个不同的人的4条内部消息的相同颜色，那就不太好了：）此外，我将使用一个常见的富编辑控件，对于那些线程，我将使用
│字符（实际上，从行开始的每个
字符都可以转换为
│字符，根据线程级别，每个字符的颜色都会有所不同）。您觉得哪一部分比较难？对我来说，这看起来像是一个自定义控件。配色方案很简单。蓝色，然后是绿色，然后是红色。真的有点蹩脚。用HTML和CSS复制这样的布局应该相当简单。将每个级别的引号放入嵌套的
div
（甚至嵌套的
块引号
，如果允许嵌套的话），并根据CSS中的嵌套级别排列边框颜色和填充。最难的部分将是解析文本，以识别来自同一级别的文本块。这是Rob提出的一个非常可靠的想法。非常感谢您的时间和努力！现场演示是狂热的！非常感谢您的时间和努力！现场演示是狂热的！