resources/style/mobile/base-theme.json.in

   1 /*
   2  * Copyright (c) 2019 Samsung Electronics Co., Ltd
   3  *
   4  * Licensed under the Apache License, Version 2.0 (the "License");
   5  * you may not use this file except in compliance with the License.
   6  * You may obtain a copy of the License at
   7  *
   8  * http://www.apache.org/licenses/LICENSE-2.0
   9  *
  10  * Unless required by applicable law or agreed to in writing, software
  11  * distributed under the License is distributed on an "AS IS" BASIS,
  12  * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
  13  * See the License for the specific language governing permissions and
  14  * limitations under the License.
  15  *
  16  */
  17
  18 {
  19   "styles":
  20   {
  21     "CustomPopupStyle":{
  22       "popupBackgroundImage":"{APPLICATION_RESOURCE_PATH}/images/popup.9.png",
  23       "popupBackgroundBorder":[0,4,4,0],
  24       "tailUpImage":"{APPLICATION_RESOURCE_PATH}/images/popup-tail-up.png",
  25       "tailDownImage":"{APPLICATION_RESOURCE_PATH}/images/popup-tail-down.png",
  26       "tailLeftImage":"{APPLICATION_RESOURCE_PATH}/images/popup-tail-left.png",
  27       "tailRightImage":"{APPLICATION_RESOURCE_PATH}/images/popup-tail-right.png"
  28     },
  29
  30     "DemoTileBase":
  31     {
  32       "states":
  33       {
  34         "NORMAL":
  35         {
  36           "color":[0.4, 0.6, 0.9, 0.6],
  37           "visuals":
  38           {
  39             "image":
  40             {
  41               "url":"{APPLICATION_RESOURCE_PATH}/images/demo-tile-texture.9.png",
  42 // TILE_BACKGROUND_ALPHA
  43 // This shader takes a texture.
  44 // An alpha discard is performed.
  45 // The shader uses the tiles position within the scroll-view page and the scroll-views rotation position to create a parallax effect.
  46               "shader":
  47               {
  48                 "fragmentShader":[
  49                   "  varying mediump vec2  vTexCoord;",
  50                   "  uniform lowp    vec4  uColor;",
  51                   "  uniform sampler2D     sTexture;",
  52                   "  uniform mediump vec3  uCustomPosition;",
  53                   "",
  54                   "  void main()",
  55                   "  {",
  56                   "    if( texture2D( sTexture, vTexCoord ).a <= 0.0001 )",
  57                   "    {",
  58                   "      discard;",
  59                   "    }",
  60                   "",
  61                   "    mediump vec2 wrapTexCoord = vec2( ( vTexCoord.x / 4.0 ) + ( uCustomPosition.x / 4.0 ) + ( uCustomPosition.z / 2.0 ), vTexCoord.y / 4.0 );",
  62                   "    mediump vec4 color = texture2D( sTexture, wrapTexCoord );",
  63                   "    mediump float positionWeight = ( uCustomPosition.y + 0.3 ) * color.r * 2.0;",
  64                   "",
  65                   "    gl_FragColor = vec4( positionWeight, positionWeight, positionWeight, 0.9 ) * uColor + vec4( uColor.xyz, 0.0 );",
  66                   "  }"
  67                 ]
  68               }
  69             }
  70           }
  71         },
  72         "FOCUSED":
  73         {
  74           "color":[0.3, 0.5, 0.8, 0.5],
  75           "visuals":
  76           {
  77             "image":
  78             {
  79               "url":"{APPLICATION_RESOURCE_PATH}/images/demo-tile-texture-focused.9.png",
  80 // TILE_BACKGROUND_ALPHA
  81 // This shader takes a texture.
  82 // An alpha discard is performed.
  83 // The shader uses the tiles position within the scroll-view page and the scroll-views rotation position to create a parallax effect.
  84               "shader":
  85               {
  86                 "fragmentShader":[
  87                   "  varying mediump vec2  vTexCoord;",
  88                   "  uniform lowp    vec4  uColor;",
  89                   "  uniform sampler2D     sTexture;",
  90                   "  uniform mediump vec3  uCustomPosition;",
  91                   "",
  92                   "  void main()",
  93                   "  {",
  94                   "    if( texture2D( sTexture, vTexCoord ).a <= 0.0001 )",
  95                   "    {",
  96                   "      discard;",
  97                   "    }",
  98                   "",
  99                   "    mediump vec2 wrapTexCoord = vec2( ( vTexCoord.x / 4.0 ) + ( uCustomPosition.x / 4.0 ) + ( uCustomPosition.z / 2.0 ), vTexCoord.y / 4.0 );",
 100                   "    mediump vec4 color = texture2D( sTexture, wrapTexCoord );",
 101                   "    mediump float positionWeight = ( uCustomPosition.y + 0.3 ) * color.r * 2.0;",
 102                   "",
 103                   "    gl_FragColor = vec4( positionWeight, positionWeight, positionWeight, 0.9 ) * uColor + vec4( uColor.xyz, 0.0 );",
 104                   "  }"
 105                 ]
 106               }
 107             }
 108           }
 109         }
 110       }
 111     },
 112     "FocusActor":
 113     {
 114       "visuals":
 115       {
 116         "image":
 117         {
 118           "url":"{APPLICATION_RESOURCE_PATH}/images/tile-focus.9.png"
 119         }
 120       }
 121     },
 122     "DemoTileBorder":
 123     {
 124       "visuals":
 125       {
 126         "image":
 127         {
 128           "url":"{APPLICATION_RESOURCE_PATH}/images/item-background.9.png" // TILE_BACKGROUND
 129         }
 130       }
 131     },
 132     "TextLabelRosemary":
 133     {
 134       "fontFamily":"Rosemary"
 135     },
 136     "TextLabel":
 137     {
 138       "fontStyle":{"weight":"normal"},
 139       "pointSize":18
 140     },
 141     "TextLabelFontSize0":
 142     {
 143       "pointSize":8
 144     },
 145     "TextLabelFontSize1":
 146     {
 147       "pointSize":10
 148     },
 149     "TextLabelFontSize2":
 150     {
 151       "pointSize":15
 152     },
 153     "TextLabelFontSize3":
 154     {
 155       "pointSize":19
 156     },
 157     "TextLabelFontSize4":
 158     {
 159       "pointSize":25
 160     },
 161
 162     "Launcherlabel":
 163     {
 164       "pointSize":8
 165     },
 166
 167     "ToolbarLabel":
 168     {
 169       "pointSize":10
 170     },
 171
 172     "BuilderLabel":
 173     {
 174       "pointSize":10
 175     },
 176
 177     "ScrollView":
 178     {
 179       "overshootEffectColor":"B018"
 180     },
 181
 182     "GroupLabel":
 183     {
 184       "pointSize":6
 185     },
 186
 187     "ChangeLayoutButton":
 188     {
 189       "label":{
 190         "pointSize":5
 191       }
 192     }
 193   }
 194 }