📜  幽灵颜色

📅  最后修改于: 2022-05-13 01:56:22.087000             🧑  作者: Mango

幽灵颜色

Spectre 颜色是最有用的实用程序之一,我们可以使用两种类型的颜色。就像我们可以为文本设置颜色,也可以为背景设置颜色。

颜色用于设置组件的样式,有时我们需要为文本着色,有时我们需要为背景着色。

幽灵颜色类:

  • text-colors:这不是将使用的实际类名“颜色”文本应替换为颜色名称,如主要、次要等。这用于为文本着色。
  • bg-colors:这不是将使用的实际类名“颜色”文本应替换为颜色名称,如主要、次要等。这用于为背景着色。

句法:

// For text color
...

// For background color
...

下面的示例说明了幽灵颜色:

例子:

HTML


  

    SPECTRE Colors Class
    
    
    

  

    
        

GeeksforGeeks

        SPECTRE Colors Class         

        

            Primary Text Color | Error Background Color         

           

            Secondary Text Color | Warning Background Color         

           

            Dark Text Color | Success Background Color         

           

            Gray Text Color | Light Background Color         

           

            Light Color Text | Gray Background Color         

           

            Success Text Color | Dark Background Color         

           

            Warning Text Color | Secondary Background Color         

           

            Error Text Color | Primary background Color         

       
  


输出:

幽灵颜色

幽灵颜色

参考: https ://picturepan2.github.io/spectre/utilities/colors.html