📜  Materialize-颜色

📅  最后修改于: 2020-10-22 08:22:08             🧑  作者: Mango


 

Materialise支持多种颜色类别。这些颜色类别的启发和发展是考虑到市场营销,路标和便签中使用的颜色。

  • 紫色
  • 深紫色
  • 靛青
  • 蓝色
  • 浅蓝
  • 青色
  • 蓝绿色
  • 绿色
  • 浅绿色
  • 酸橙
  • 黄色
  • 琥珀色
  • 橙子
  • 深橙色
  • 棕色
  • 灰色
  • 蓝灰色
  • 黑色
  • 白色
  • 透明

用法

以下是明度/暗度类别的列表,可用于更改所应用的颜色。

  • 减轻1
  • 减轻2
  • 减轻3
  • 减轻4
  • 减轻5
  • 变暗1
  • 变暗2
  • 变暗3
  • 变暗4
  • 口音1
  • 口音2
  • 口音3
  • 口音4

下面的示例演示如何使用上述类来渲染背景或更改文本的颜色。如果是背景,则添加类,如果是文本,则将“ -text”添加到颜色类,并将“ text-“添加到闪电类。

materialize_colors.htm

The Materialize Colors Example
            
      
      
                 
                   
   
   
   
      

Color Theme Demo


Red Colored Theme

Red Colored Text

  • Using red lighten-5

  • Using red lighten-4

  • Using red lighten-3

  • Using red lighten-2

  • Using red lighten-1

  • Using red

  • Using red darken-1

  • Using red darken-2

  • Using red darken-3

  • Using red darken-4

  • Using red accent-1

  • Using red accent-2

  • Using red accent-3

  • Using red accent-4

结果

验证结果。