幽灵颜色

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

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

幽灵颜色类：

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

句法：

// For text color
...

// For background color
...

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

例子：

HTML

  

    
    
    
    

  

    
        
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