Tizen Developers
Published on Tizen Developers (https://developer.tizen.org)

Home > Development > Guides > Native Application > User Interface > EFL > Layouting with EDC > Color Classes Block

Color Classes Block

PUBLISHED 23 Jul 2017

Mobile nativeWearable native

Dependencies

  • Tizen 2.4 and Higher for Mobile
  • Tizen 2.3.1 and Higher for Wearable

Related Info

  • Collections Block
  • Group Block
  • Part Block
  • Program Block
  • Images Block
  • Fonts Block
  • Data Block
  • Styles Block

The color_classes block contains 1 or more color_class blocks. Each color_class block allows you to name an arbitrary group of colors to be used in the theme. The application can use that name to alter the color values at runtime.

 

Figure: Color classes block

Color classes block [1]

 

 

color_classes {
   color_class {
      name: "colorclassname";
      color: [0-255] [0-255] [0-255] [0-255];
      color2: [0-255] [0-255] [0-255] [0-255];
      color3color3: [0-255] [0-255] [0-255] [0-255];
   }
}
  • name [color class name]

    Sets the name for the color class, and is used as a reference by both the theme and the application.

  • color [red] [green] [blue] [alpha]

    Sets the main color.

  • color2 [red] [green] [blue] [alpha]

    Used as an outline in text and textblock parts.

  • color3 [red] [green] [blue] [alpha]

    Used as a shadow in text and textblock parts.

Note Except as noted, this content is licensed under LGPLv2.1+ [2].

Source URL: https://developer.tizen.org/development/guides/native-application/user-interface/efl/layouting-edc/color-classes-block

Links:
[1] https://developer.tizen.org/sites/default/files/images/diagram_color_classes.png
[2] http://opensource.org/licenses/LGPL-2.1