This is an automated email from the ASF dual-hosted git repository.
carlosrovira pushed a commit to branch feature/jewel-ui-set
in repository https://gitbox.apache.org/repos/asf/royale-asjs.git
The following commit(s) were added to refs/heads/feature/jewel-ui-set by this
push:
new 7f89fc0 light - noflat - emerald themes
7f89fc0 is described below
commit 7f89fc060dfb4d9754bef4ba59c7ed13ba356110
Author: Carlos Rovira <[email protected]>
AuthorDate: Thu Apr 5 21:21:21 2018 +0200
light - noflat - emerald themes
---
examples/royale/JewelExample/pom.xml | 4 +-
.../build.xml | 133 ++++++
.../pom.xml | 59 +++
.../src/main/resources/assets/empty | 20 +
.../src/main/resources/defaults.css | 177 +++++++
.../build.xml | 133 ++++++
.../pom.xml | 59 +++
.../src/main/resources/assets/empty | 20 +
.../src/main/resources/defaults.css | 510 +++++++++++++++++++++
.../build.xml | 133 ++++++
.../pom.xml | 59 +++
.../src/main/resources/assets/empty | 20 +
.../src/main/resources/defaults.css | 135 ++++++
frameworks/themes/JewelTheme/pom.xml | 35 ++
.../light-noflat-emphasized-emerald/defaults.css | 177 +++++++
.../light-noflat-primary-emerald/defaults.css | 510 +++++++++++++++++++++
.../light-noflat-secondary-emerald/defaults.css | 135 ++++++
.../light-noflat-emphasized-emerald/_theme.sass | 23 +
.../light-noflat-emphasized-emerald/defaults.sass | 38 ++
.../light-noflat-primary-emerald/_theme.sass | 23 +
.../light-noflat-primary-emerald/defaults.sass | 38 ++
.../light-noflat-secondary-emerald/_theme.sass | 23 +
.../light-noflat-secondary-emerald/defaults.sass | 38 ++
.../light-noflat-secondary-blue .textClipping | Bin 0 -> 308 bytes
frameworks/themes/pom.xml | 4 +
25 files changed, 2504 insertions(+), 2 deletions(-)
diff --git a/examples/royale/JewelExample/pom.xml
b/examples/royale/JewelExample/pom.xml
index 41b9b54..8f7514f 100644
--- a/examples/royale/JewelExample/pom.xml
+++ b/examples/royale/JewelExample/pom.xml
@@ -123,7 +123,7 @@
</dependency>
<dependency>
<groupId>org.apache.royale.framework</groupId>
- <artifactId>Jewel-Light-NoFlat-Secondary-Blue-Theme</artifactId>
+ <artifactId>Jewel-Light-NoFlat-Secondary-Topaz-Theme</artifactId>
<version>0.9.3-SNAPSHOT</version>
<type>swc</type>
<scope>theme</scope>
@@ -131,7 +131,7 @@
</dependency>
<dependency>
<groupId>org.apache.royale.framework</groupId>
- <artifactId>Jewel-Light-NoFlat-Emphasized-Blue-Theme</artifactId>
+ <artifactId>Jewel-Light-NoFlat-Emphasized-Emerald-Theme</artifactId>
<version>0.9.3-SNAPSHOT</version>
<type>swc</type>
<scope>theme</scope>
diff --git
a/frameworks/themes/Jewel-Light-NoFlat-Emphasized-Emerald-Theme/build.xml
b/frameworks/themes/Jewel-Light-NoFlat-Emphasized-Emerald-Theme/build.xml
new file mode 100644
index 0000000..ee8074c
--- /dev/null
+++ b/frameworks/themes/Jewel-Light-NoFlat-Emphasized-Emerald-Theme/build.xml
@@ -0,0 +1,133 @@
+<?xml version="1.0"?>
+<!--
+
+ Licensed to the Apache Software Foundation (ASF) under one or more
+ contributor license agreements. See the NOTICE file distributed with
+ this work for additional information regarding copyright ownership.
+ The ASF licenses this file to You under the Apache License, Version 2.0
+ (the "License"); you may not use this file except in compliance with
+ the License. You may obtain a copy of the License at
+
+ http://www.apache.org/licenses/LICENSE-2.0
+
+ Unless required by applicable law or agreed to in writing, software
+ distributed under the License is distributed on an "AS IS" BASIS,
+ WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ See the License for the specific language governing permissions and
+ limitations under the License.
+
+-->
+
+
+<project name="Jewel-Light-NoFlat-Emphasized-Emerald-Theme" default="main"
basedir=".">
+ <property name="ROYALE_HOME" location="../../.."/>
+
+ <property file="${ROYALE_HOME}/env.properties"/>
+ <property environment="env"/>
+ <property file="${ROYALE_HOME}/build.properties"/>
+ <property name="ROYALE_HOME" value="${ROYALE_HOME}"/>
+
+ <property name="target.name" value="${ant.project.name}.swc" />
+
+ <!-- doesn't contain compiled files so only need to compile JS version -->
+ <target name="main"
depends="clean,check-compiler,compile,compile-js,copy-swc,test"
description="Full build of ${ant.project.name}.swc">
+ </target>
+
+ <target name="compile-js">
+ <!-- doesn't contain compiled files so only need to compile JS version
+ <ant
dir="${ROYALE_HOME}/frameworks/js/projects/${ant.project.name}JS/"
inheritAll="false" >
+ <property name="ROYALE_SWF_COMPILER_HOME"
value="${ROYALE_SWF_COMPILER_HOME}"/>
+ <property name="ROYALE_COMPILER_HOME"
value="${ROYALE_COMPILER_HOME}"/>
+ <property name="ROYALE_HOME" value="${ROYALE_HOME}"/>
+ </ant>
+ -->
+ </target>
+
+ <target name="copy-swc" if="env.AIR_HOME">
+ <copy file="${basedir}/target/${target.name}"
tofile="${ROYALE_HOME}/frameworks/libs/${target.name}" />
+ </target>
+
+ <target name="check-for-tests" >
+ <condition property="skip-tests" >
+ <not>
+ <available file="${basedir}/src/test/royale/build.xml" />
+ </not>
+ </condition>
+ </target>
+
+ <target name="test" depends="check-for-tests" unless="skip-tests">
+ <ant dir="src/test/royale" />
+ </target>
+
+ <target name="clean">
+ <delete failonerror="false">
+ <fileset dir="${ROYALE_HOME}/frameworks/libs">
+ <include name="${target.name}"/>
+ </fileset>
+ </delete>
+ <delete failonerror="false" includeemptydirs="true">
+ <fileset dir="${basedir}/target">
+ <include name="**/**"/>
+ </fileset>
+ </delete>
+ <antcall target="clean-tests" />
+ </target>
+
+ <target name="clean-tests" depends="check-for-tests" unless="skip-tests">
+ <ant dir="src/test/royale" target="clean"/>
+ </target>
+
+ <target name="compile" description="Compiles .as files into .swc"
if="env.AIR_HOME">
+ <echo message="Compiling libs/${ant.project.name}.swc"/>
+ <echo message="ROYALE_HOME: ${ROYALE_HOME}"/>
+ <echo message="ROYALE_SWF_COMPILER_HOME: ${ROYALE_SWF_COMPILER_HOME}"/>
+ <echo message="ROYALE_COMPILER_HOME: ${ROYALE_COMPILER_HOME}"/>
+
+ <java jar="${ROYALE_COMPILER_HOME}/lib/compc.jar" fork="true" >
+ <jvmarg value="-Xmx384m" />
+ <jvmarg value="-Dsun.io.useCanonCaches=false" />
+ <jvmarg value="-Droyalelib=${ROYALE_HOME}/frameworks" />
+ <arg value="+royalelib=${ROYALE_HOME}/frameworks" />
+ <arg value="+playerglobal.version=${playerglobal.version}" />
+ <arg value="+env.AIR_HOME=${env.AIR_HOME}" />
+ <arg value="-compiler.strict-xml=true" />
+ <arg value="-compiler.targets=SWF,JSRoyale" />
+ <arg value="-output=${basedir}/target/${target.name}" />
+ <arg
value="-load-config=${basedir}/src/main/config/compile-swf-config.xml" />
+ <arg
value="-js-load-config=${ROYALE_HOME}/frameworks/js-config.xml" />
+ <arg
value="-js-load-config+=${basedir}/../../js/themes/${ant.project.name}JS/src/main/config/compile-js-config.xml"
/>
+ </java>
+ </target>
+
+ <target name="check-compiler"
depends="check-compiler-home,check-transpiler-home">
+ <path id="lib.path">
+ <fileset dir="${ROYALE_COMPILER_HOME}/lib"
includes="compiler-royaleTasks.jar"/>
+ </path>
+ <taskdef resource="flexTasks.tasks" classpathref="lib.path"/>
+ </target>
+
+ <target name="check-compiler-home"
+ description="Set ROYALE_SWF_COMPILER_HOME to point at the compiler.">
+
+ <available file="${ROYALE_HOME}/lib/compiler-mxmlc.jar"
+ type="file"
+ property="ROYALE_SWF_COMPILER_HOME"
+ value="${ROYALE_HOME}"/>
+
+ <fail message="ROYALE_SWF_COMPILER_HOME must be set to a folder with a
lib sub-folder containing compiler-mxmlc.jar such as the compiler folder in
royale-compiler repo or the root of a Royale SDK"
+ unless="ROYALE_SWF_COMPILER_HOME"/>
+ </target>
+
+ <target name="check-transpiler-home"
+ description="Set ROYALE_COMPILER_HOME to point at the cross-compiler.">
+
+ <available file="${ROYALE_HOME}/js/lib/jsc.jar"
+ type="file"
+ property="ROYALE_COMPILER_HOME"
+ value="${ROYALE_HOME}/js"/>
+
+ <fail message="ROYALE_COMPILER_HOME must be set to a folder with a lib
sub-folder containing jsc.jar such as the compiler-jx folder in royale-compiler
repo or the js folder of a Royale SDK"
+ unless="ROYALE_COMPILER_HOME"/>
+ </target>
+
+</project>
diff --git
a/frameworks/themes/Jewel-Light-NoFlat-Emphasized-Emerald-Theme/pom.xml
b/frameworks/themes/Jewel-Light-NoFlat-Emphasized-Emerald-Theme/pom.xml
new file mode 100644
index 0000000..e044b22
--- /dev/null
+++ b/frameworks/themes/Jewel-Light-NoFlat-Emphasized-Emerald-Theme/pom.xml
@@ -0,0 +1,59 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<!--
+
+ Licensed to the Apache Software Foundation (ASF) under one or more
+ contributor license agreements. See the NOTICE file distributed with
+ this work for additional information regarding copyright ownership.
+ The ASF licenses this file to You under the Apache License, Version 2.0
+ (the "License"); you may not use this file except in compliance with
+ the License. You may obtain a copy of the License at
+
+ http://www.apache.org/licenses/LICENSE-2.0
+
+ Unless required by applicable law or agreed to in writing, software
+ distributed under the License is distributed on an "AS IS" BASIS,
+ WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ See the License for the specific language governing permissions and
+ limitations under the License.
+
+-->
+<project xmlns="http://maven.apache.org/POM/4.0.0"
xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance"
xsi:schemaLocation="http://maven.apache.org/POM/4.0.0
http://maven.apache.org/xsd/maven-4.0.0.xsd">
+ <modelVersion>4.0.0</modelVersion>
+
+ <parent>
+ <groupId>org.apache.royale.framework</groupId>
+ <artifactId>themes</artifactId>
+ <version>0.9.3-SNAPSHOT</version>
+ </parent>
+
+ <artifactId>Jewel-Light-NoFlat-Emphasized-Emerald-Theme</artifactId>
+ <version>0.9.3-SNAPSHOT</version>
+ <packaging>swc</packaging>
+
+ <name>Apache Royale: Framework: Themes:
Jewel-Light-NoFlat-Emphasized-Emerald-Theme</name>
+
+ <build>
+ <sourceDirectory>src/main/royale</sourceDirectory>
+ <plugins>
+ <plugin>
+ <groupId>org.apache.royale.compiler</groupId>
+ <artifactId>royale-maven-plugin</artifactId>
+ <version>${royale.compiler.version}</version>
+ <extensions>true</extensions>
+ <configuration>
+ <includeFiles>
+ <include-file>
+ <name>assets/*</name>
+ <path>../src/main/resources/assets/*</path>
+ </include-file>
+ <include-file>
+ <name>defaults.css</name>
+ <path>../src/main/resources/defaults.css</path>
+ </include-file>
+ </includeFiles>
+ </configuration>
+ </plugin>
+ </plugins>
+ </build>
+
+</project>
diff --git
a/frameworks/themes/Jewel-Light-NoFlat-Emphasized-Emerald-Theme/src/main/resources/assets/empty
b/frameworks/themes/Jewel-Light-NoFlat-Emphasized-Emerald-Theme/src/main/resources/assets/empty
new file mode 100644
index 0000000..e71be78
--- /dev/null
+++
b/frameworks/themes/Jewel-Light-NoFlat-Emphasized-Emerald-Theme/src/main/resources/assets/empty
@@ -0,0 +1,20 @@
+<!--
+
+ Licensed to the Apache Software Foundation (ASF) under one or more
+ contributor license agreements. See the NOTICE file distributed with
+ this work for additional information regarding copyright ownership.
+ The ASF licenses this file to You under the Apache License, Version 2.0
+ (the 'License'); you may not use this file except in compliance with
+ the License. You may obtain a copy of the License at
+
+ http://www.apache.org/licenses/LICENSE-2.0
+
+ Unless required by applicable law or agreed to in writing, software
+ distributed under the License is distributed on an 'AS IS' BASIS,
+ WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ See the License for the specific language governing permissions and
+ limitations under the License.
+
+-->
+
+// This is needed since assets folder must have at least one file
\ No newline at end of file
diff --git
a/frameworks/themes/Jewel-Light-NoFlat-Emphasized-Emerald-Theme/src/main/resources/defaults.css
b/frameworks/themes/Jewel-Light-NoFlat-Emphasized-Emerald-Theme/src/main/resources/defaults.css
new file mode 100644
index 0000000..69e502d
--- /dev/null
+++
b/frameworks/themes/Jewel-Light-NoFlat-Emphasized-Emerald-Theme/src/main/resources/defaults.css
@@ -0,0 +1,177 @@
+/**
+ * Licensed to the Apache Software Foundation (ASF) under one or more
+ * contributor license agreements. See the NOTICE file distributed with
+ * this work for additional information regarding copyright ownership.
+ * The ASF licenses this file to You under the Apache License, Version 2.0
+ * (the "License"); you may not use this file except in compliance with
+ * the License. You may obtain a copy of the License at
+ *
+ * http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS,
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ * See the License for the specific language governing permissions and
+ * limitations under the License.
+ */
+@namespace j "library://ns.apache.org/royale/jewel";
+@namespace "http://www.w3.org/1999/xhtml";
+.royale *, .royale *:before, .royale *:after {
+ box-sizing: border-box;
+}
+
+j|Application {
+ background: white;
+ font-family: "Lato", sans-serif;
+ color: #808080;
+}
+
+h1 {
+ font-size: 2em;
+}
+
+h2 {
+ font-size: 1.5em;
+}
+
+h3 {
+ font-size: 1.17em;
+}
+
+h4 {
+ font-size: 15px;
+}
+
+span {
+ font-size: 14px;
+}
+
+div {
+ font-size: 14px;
+}
+
+.container {
+ background: #ebebeb;
+ border-radius: 10px;
+ padding: 20px;
+}
+
+.jewel.button.emphasized {
+ cursor: pointer;
+ display: inline-block;
+ margin: 0;
+ padding: 8px;
+ min-width: 34px;
+ min-height: 34px;
+ border: 1px solid #638c29;
+ background: linear-gradient(#98cc50, #7eb435);
+ box-shadow: inset 0 1px 0 #bbdd8b;
+ border-radius: 3px;
+}
+.jewel.button.emphasized:hover, .jewel.button.emphasized:hover:focus {
+ border: 1px solid #557923;
+ background: linear-gradient(#8CC63C, #71a02f);
+}
+.jewel.button.emphasized:active, .jewel.button.emphasized:active:focus {
+ border: 1px solid #395118;
+ background: linear-gradient(#71a02f, #557923);
+ box-shadow: inset 0px 1px 3px 0px rgba(50, 50, 50, 0.5);
+}
+.jewel.button.emphasized:focus {
+ outline: none;
+ border: 1px solid #638c29;
+ box-shadow: inset 0px 0px 0px 1px rgba(255, 255, 255, 0.5), inset 0 1px 0
rgba(255, 255, 255, 0.6);
+}
+.jewel.button.emphasized[disabled] {
+ cursor: unset;
+ border: 1px solid #d9d9d9;
+ background: #f3f3f3;
+ box-shadow: none;
+}
+
+.jewel.textbutton {
+ cursor: pointer;
+ display: inline-block;
+ margin: 0;
+ padding: 10px 16px;
+ min-width: 74px;
+ min-height: 34px;
+ border: 1px solid #b3b3b3;
+ background: linear-gradient(#e6e6e6, #cccccc);
+ box-shadow: inset 0 1px 0 white;
+ border-radius: 3px;
+ font-family: "Lato", sans-serif;
+ font-size: 14px;
+ font-weight: bold;
+ color: #808080;
+ text-transform: uppercase;
+ text-decoration: none;
+}
+.jewel.textbutton:hover, .jewel.textbutton:hover:focus {
+ border: 1px solid #a6a6a6;
+ background: linear-gradient(#d9d9d9, silver);
+}
+.jewel.textbutton:active, .jewel.textbutton:active:focus {
+ border: 1px solid #8d8d8d;
+ background: linear-gradient(silver, #a6a6a6);
+ box-shadow: inset 0px 1px 3px 0px rgba(50, 50, 50, 0.5);
+}
+.jewel.textbutton:focus {
+ outline: none;
+ border: 1px solid #b3b3b3;
+ box-shadow: inset 0px 0px 0px 1px rgba(255, 255, 255, 0.5), inset 0 1px 0
rgba(255, 255, 255, 0.6);
+}
+.jewel.textbutton[disabled] {
+ cursor: unset;
+ border: 1px solid #d9d9d9;
+ background: #f3f3f3;
+ box-shadow: none;
+ color: silver;
+ font-weight: normal;
+ text-shadow: unset;
+}
+
+.jewel.textbutton.emphasized {
+ cursor: pointer;
+ display: inline-block;
+ margin: 0;
+ padding: 10px 16px;
+ min-width: 74px;
+ min-height: 34px;
+ border: 1px solid #638c29;
+ background: linear-gradient(#98cc50, #7eb435);
+ box-shadow: inset 0 1px 0 #bbdd8b;
+ border-radius: 3px;
+ font-family: "Lato", sans-serif;
+ font-size: 14px;
+ font-weight: bold;
+ color: #FFFFFF;
+ text-transform: uppercase;
+ text-decoration: none;
+ text-shadow: 0 -1px 0 rgba(57, 81, 24, 0.7);
+}
+.jewel.textbutton.emphasized:hover, .jewel.textbutton.emphasized:hover:focus {
+ border: 1px solid #557923;
+ background: linear-gradient(#8CC63C, #71a02f);
+}
+.jewel.textbutton.emphasized:active, .jewel.textbutton.emphasized:active:focus
{
+ border: 1px solid #395118;
+ background: linear-gradient(#71a02f, #557923);
+ box-shadow: inset 0px 1px 3px 0px rgba(50, 50, 50, 0.5);
+}
+.jewel.textbutton.emphasized:focus {
+ outline: none;
+ border: 1px solid #638c29;
+ box-shadow: inset 0px 0px 0px 1px rgba(255, 255, 255, 0.5), inset 0 1px 0
rgba(255, 255, 255, 0.6);
+}
+.jewel.textbutton.emphasized[disabled] {
+ cursor: unset;
+ border: 1px solid #d9d9d9;
+ background: #f3f3f3;
+ box-shadow: none;
+ color: silver;
+ font-weight: normal;
+ text-shadow: unset;
+}
+
+/*# sourceMappingURL=defaults.css.map */
diff --git
a/frameworks/themes/Jewel-Light-NoFlat-Primary-Emerald-Theme/build.xml
b/frameworks/themes/Jewel-Light-NoFlat-Primary-Emerald-Theme/build.xml
new file mode 100644
index 0000000..44a9596
--- /dev/null
+++ b/frameworks/themes/Jewel-Light-NoFlat-Primary-Emerald-Theme/build.xml
@@ -0,0 +1,133 @@
+<?xml version="1.0"?>
+<!--
+
+ Licensed to the Apache Software Foundation (ASF) under one or more
+ contributor license agreements. See the NOTICE file distributed with
+ this work for additional information regarding copyright ownership.
+ The ASF licenses this file to You under the Apache License, Version 2.0
+ (the "License"); you may not use this file except in compliance with
+ the License. You may obtain a copy of the License at
+
+ http://www.apache.org/licenses/LICENSE-2.0
+
+ Unless required by applicable law or agreed to in writing, software
+ distributed under the License is distributed on an "AS IS" BASIS,
+ WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ See the License for the specific language governing permissions and
+ limitations under the License.
+
+-->
+
+
+<project name="Jewel-Light-NoFlat-Primary-Emerald-Theme" default="main"
basedir=".">
+ <property name="ROYALE_HOME" location="../../.."/>
+
+ <property file="${ROYALE_HOME}/env.properties"/>
+ <property environment="env"/>
+ <property file="${ROYALE_HOME}/build.properties"/>
+ <property name="ROYALE_HOME" value="${ROYALE_HOME}"/>
+
+ <property name="target.name" value="${ant.project.name}.swc" />
+
+ <!-- doesn't contain compiled files so only need to compile JS version -->
+ <target name="main"
depends="clean,check-compiler,compile,compile-js,copy-swc,test"
description="Full build of ${ant.project.name}.swc">
+ </target>
+
+ <target name="compile-js">
+ <!-- doesn't contain compiled files so only need to compile JS version
+ <ant
dir="${ROYALE_HOME}/frameworks/js/projects/${ant.project.name}JS/"
inheritAll="false" >
+ <property name="ROYALE_SWF_COMPILER_HOME"
value="${ROYALE_SWF_COMPILER_HOME}"/>
+ <property name="ROYALE_COMPILER_HOME"
value="${ROYALE_COMPILER_HOME}"/>
+ <property name="ROYALE_HOME" value="${ROYALE_HOME}"/>
+ </ant>
+ -->
+ </target>
+
+ <target name="copy-swc" if="env.AIR_HOME">
+ <copy file="${basedir}/target/${target.name}"
tofile="${ROYALE_HOME}/frameworks/libs/${target.name}" />
+ </target>
+
+ <target name="check-for-tests" >
+ <condition property="skip-tests" >
+ <not>
+ <available file="${basedir}/src/test/royale/build.xml" />
+ </not>
+ </condition>
+ </target>
+
+ <target name="test" depends="check-for-tests" unless="skip-tests">
+ <ant dir="src/test/royale" />
+ </target>
+
+ <target name="clean">
+ <delete failonerror="false">
+ <fileset dir="${ROYALE_HOME}/frameworks/libs">
+ <include name="${target.name}"/>
+ </fileset>
+ </delete>
+ <delete failonerror="false" includeemptydirs="true">
+ <fileset dir="${basedir}/target">
+ <include name="**/**"/>
+ </fileset>
+ </delete>
+ <antcall target="clean-tests" />
+ </target>
+
+ <target name="clean-tests" depends="check-for-tests" unless="skip-tests">
+ <ant dir="src/test/royale" target="clean"/>
+ </target>
+
+ <target name="compile" description="Compiles .as files into .swc"
if="env.AIR_HOME">
+ <echo message="Compiling libs/${ant.project.name}.swc"/>
+ <echo message="ROYALE_HOME: ${ROYALE_HOME}"/>
+ <echo message="ROYALE_SWF_COMPILER_HOME: ${ROYALE_SWF_COMPILER_HOME}"/>
+ <echo message="ROYALE_COMPILER_HOME: ${ROYALE_COMPILER_HOME}"/>
+
+ <java jar="${ROYALE_COMPILER_HOME}/lib/compc.jar" fork="true" >
+ <jvmarg value="-Xmx384m" />
+ <jvmarg value="-Dsun.io.useCanonCaches=false" />
+ <jvmarg value="-Droyalelib=${ROYALE_HOME}/frameworks" />
+ <arg value="+royalelib=${ROYALE_HOME}/frameworks" />
+ <arg value="+playerglobal.version=${playerglobal.version}" />
+ <arg value="+env.AIR_HOME=${env.AIR_HOME}" />
+ <arg value="-compiler.strict-xml=true" />
+ <arg value="-compiler.targets=SWF,JSRoyale" />
+ <arg value="-output=${basedir}/target/${target.name}" />
+ <arg
value="-load-config=${basedir}/src/main/config/compile-swf-config.xml" />
+ <arg
value="-js-load-config=${ROYALE_HOME}/frameworks/js-config.xml" />
+ <arg
value="-js-load-config+=${basedir}/../../js/themes/${ant.project.name}JS/src/main/config/compile-js-config.xml"
/>
+ </java>
+ </target>
+
+ <target name="check-compiler"
depends="check-compiler-home,check-transpiler-home">
+ <path id="lib.path">
+ <fileset dir="${ROYALE_COMPILER_HOME}/lib"
includes="compiler-royaleTasks.jar"/>
+ </path>
+ <taskdef resource="flexTasks.tasks" classpathref="lib.path"/>
+ </target>
+
+ <target name="check-compiler-home"
+ description="Set ROYALE_SWF_COMPILER_HOME to point at the compiler.">
+
+ <available file="${ROYALE_HOME}/lib/compiler-mxmlc.jar"
+ type="file"
+ property="ROYALE_SWF_COMPILER_HOME"
+ value="${ROYALE_HOME}"/>
+
+ <fail message="ROYALE_SWF_COMPILER_HOME must be set to a folder with a
lib sub-folder containing compiler-mxmlc.jar such as the compiler folder in
royale-compiler repo or the root of a Royale SDK"
+ unless="ROYALE_SWF_COMPILER_HOME"/>
+ </target>
+
+ <target name="check-transpiler-home"
+ description="Set ROYALE_COMPILER_HOME to point at the cross-compiler.">
+
+ <available file="${ROYALE_HOME}/js/lib/jsc.jar"
+ type="file"
+ property="ROYALE_COMPILER_HOME"
+ value="${ROYALE_HOME}/js"/>
+
+ <fail message="ROYALE_COMPILER_HOME must be set to a folder with a lib
sub-folder containing jsc.jar such as the compiler-jx folder in royale-compiler
repo or the js folder of a Royale SDK"
+ unless="ROYALE_COMPILER_HOME"/>
+ </target>
+
+</project>
diff --git a/frameworks/themes/Jewel-Light-NoFlat-Primary-Emerald-Theme/pom.xml
b/frameworks/themes/Jewel-Light-NoFlat-Primary-Emerald-Theme/pom.xml
new file mode 100644
index 0000000..bb3cf47
--- /dev/null
+++ b/frameworks/themes/Jewel-Light-NoFlat-Primary-Emerald-Theme/pom.xml
@@ -0,0 +1,59 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<!--
+
+ Licensed to the Apache Software Foundation (ASF) under one or more
+ contributor license agreements. See the NOTICE file distributed with
+ this work for additional information regarding copyright ownership.
+ The ASF licenses this file to You under the Apache License, Version 2.0
+ (the "License"); you may not use this file except in compliance with
+ the License. You may obtain a copy of the License at
+
+ http://www.apache.org/licenses/LICENSE-2.0
+
+ Unless required by applicable law or agreed to in writing, software
+ distributed under the License is distributed on an "AS IS" BASIS,
+ WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ See the License for the specific language governing permissions and
+ limitations under the License.
+
+-->
+<project xmlns="http://maven.apache.org/POM/4.0.0"
xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance"
xsi:schemaLocation="http://maven.apache.org/POM/4.0.0
http://maven.apache.org/xsd/maven-4.0.0.xsd">
+ <modelVersion>4.0.0</modelVersion>
+
+ <parent>
+ <groupId>org.apache.royale.framework</groupId>
+ <artifactId>themes</artifactId>
+ <version>0.9.3-SNAPSHOT</version>
+ </parent>
+
+ <artifactId>Jewel-Light-NoFlat-Primary-Emerald-Theme</artifactId>
+ <version>0.9.3-SNAPSHOT</version>
+ <packaging>swc</packaging>
+
+ <name>Apache Royale: Framework: Themes:
Jewel-Light-NoFlat-Primary-Emerald-Theme</name>
+
+ <build>
+ <sourceDirectory>src/main/royale</sourceDirectory>
+ <plugins>
+ <plugin>
+ <groupId>org.apache.royale.compiler</groupId>
+ <artifactId>royale-maven-plugin</artifactId>
+ <version>${royale.compiler.version}</version>
+ <extensions>true</extensions>
+ <configuration>
+ <includeFiles>
+ <include-file>
+ <name>assets/*</name>
+ <path>../src/main/resources/assets/*</path>
+ </include-file>
+ <include-file>
+ <name>defaults.css</name>
+ <path>../src/main/resources/defaults.css</path>
+ </include-file>
+ </includeFiles>
+ </configuration>
+ </plugin>
+ </plugins>
+ </build>
+
+</project>
diff --git
a/frameworks/themes/Jewel-Light-NoFlat-Primary-Emerald-Theme/src/main/resources/assets/empty
b/frameworks/themes/Jewel-Light-NoFlat-Primary-Emerald-Theme/src/main/resources/assets/empty
new file mode 100644
index 0000000..e71be78
--- /dev/null
+++
b/frameworks/themes/Jewel-Light-NoFlat-Primary-Emerald-Theme/src/main/resources/assets/empty
@@ -0,0 +1,20 @@
+<!--
+
+ Licensed to the Apache Software Foundation (ASF) under one or more
+ contributor license agreements. See the NOTICE file distributed with
+ this work for additional information regarding copyright ownership.
+ The ASF licenses this file to You under the Apache License, Version 2.0
+ (the 'License'); you may not use this file except in compliance with
+ the License. You may obtain a copy of the License at
+
+ http://www.apache.org/licenses/LICENSE-2.0
+
+ Unless required by applicable law or agreed to in writing, software
+ distributed under the License is distributed on an 'AS IS' BASIS,
+ WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ See the License for the specific language governing permissions and
+ limitations under the License.
+
+-->
+
+// This is needed since assets folder must have at least one file
\ No newline at end of file
diff --git
a/frameworks/themes/Jewel-Light-NoFlat-Primary-Emerald-Theme/src/main/resources/defaults.css
b/frameworks/themes/Jewel-Light-NoFlat-Primary-Emerald-Theme/src/main/resources/defaults.css
new file mode 100644
index 0000000..a701fd7
--- /dev/null
+++
b/frameworks/themes/Jewel-Light-NoFlat-Primary-Emerald-Theme/src/main/resources/defaults.css
@@ -0,0 +1,510 @@
+/**
+ * Licensed to the Apache Software Foundation (ASF) under one or more
+ * contributor license agreements. See the NOTICE file distributed with
+ * this work for additional information regarding copyright ownership.
+ * The ASF licenses this file to You under the Apache License, Version 2.0
+ * (the "License"); you may not use this file except in compliance with
+ * the License. You may obtain a copy of the License at
+ *
+ * http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS,
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ * See the License for the specific language governing permissions and
+ * limitations under the License.
+ */
+@namespace j "library://ns.apache.org/royale/jewel";
+@namespace "http://www.w3.org/1999/xhtml";
+.royale *, .royale *:before, .royale *:after {
+ box-sizing: border-box;
+}
+
+j|Application {
+ background: white;
+ font-family: "Lato", sans-serif;
+ color: #808080;
+}
+
+h1 {
+ font-size: 2em;
+}
+
+h2 {
+ font-size: 1.5em;
+}
+
+h3 {
+ font-size: 1.17em;
+}
+
+h4 {
+ font-size: 15px;
+}
+
+span {
+ font-size: 14px;
+}
+
+div {
+ font-size: 14px;
+}
+
+.container {
+ background: #ebebeb;
+ border-radius: 10px;
+ padding: 20px;
+}
+
+.jewel.alert {
+ display: block;
+ position: fixed;
+ top: 50%;
+ left: 50%;
+ transform: translate(-50%, -50%);
+ margin: 0;
+ padding: 0;
+ max-width: 100%;
+ max-height: 100%;
+ min-width: 420px;
+ min-height: 240px;
+ border: 0px solid;
+ border-radius: 3px;
+ box-shadow: 0px 20px 65px 0px rgba(0, 0, 0, 0.8);
+ background-color: white;
+}
+.jewel.alert .jewel.titlebar {
+ padding: 20px 20px 0px 20px;
+ height: 50px;
+ color: #5a5a5a;
+}
+.jewel.alert .jewel.titlebar .jewel.label {
+ font-size: 1.9em;
+ font-weight: bold;
+}
+.jewel.alert .Group {
+ position: absolute;
+ padding: 20px;
+ top: 50px;
+ bottom: 80px;
+ width: 100%;
+ overflow-y: auto;
+}
+.jewel.alert .Group .jewel.label {
+ white-space: normal;
+ color: #808080;
+ font-size: 1.1em;
+ font-weight: normal;
+}
+.jewel.alert .jewel.controlbar {
+ border-top: 1px solid #b3b3b3;
+ background: linear-gradient(#e6e6e6, #cccccc);
+ box-shadow: inset 0 1px 0 white;
+ border-top-left-radius: 0px;
+ border-top-right-radius: 0px;
+ border-bottom-left-radius: 3px;
+ border-bottom-right-radius: 3px;
+ padding: 20px;
+ position: absolute;
+ bottom: 0;
+ width: 100%;
+ height: 80px;
+ display: flex;
+ justify-content: flex-end;
+}
+.jewel.alert .jewel.controlbar > *:first-child {
+ margin-left: 0px;
+}
+.jewel.alert .jewel.controlbar > * {
+ flex: 0 0 100px;
+ margin-left: 6px;
+}
+.jewel.alert + .backdrop {
+ background-color: rgba(0, 0, 0, 0.5);
+}
+
+j|Alert {
+ IBeadModel: ClassReference("org.apache.royale.html.beads.models.AlertModel");
+ IBeadController:
ClassReference("org.apache.royale.jewel.beads.controllers.AlertController");
+ IBeadView: ClassReference("org.apache.royale.jewel.beads.views.AlertView");
+}
+
+@media -royale-swf {
+ j|Alert {
+ IBackgroundBead:
ClassReference("org.apache.royale.html.beads.SolidBackgroundBead");
+ IBorderBead:
ClassReference("org.apache.royale.html.beads.SingleLineBorderBead");
+ }
+}
+.jewel.button {
+ cursor: pointer;
+ display: inline-block;
+ margin: 0;
+ padding: 8px;
+ min-width: 34px;
+ min-height: 34px;
+ border: 1px solid #b3b3b3;
+ background: linear-gradient(#e6e6e6, #cccccc);
+ box-shadow: inset 0 1px 0 white;
+ border-radius: 3px;
+}
+.jewel.button:hover, .jewel.button:hover:focus {
+ border: 1px solid #a6a6a6;
+ background: linear-gradient(#d9d9d9, silver);
+}
+.jewel.button:active, .jewel.button:active:focus {
+ border: 1px solid #8d8d8d;
+ background: linear-gradient(silver, #a6a6a6);
+ box-shadow: inset 0px 1px 3px 0px rgba(50, 50, 50, 0.5);
+}
+.jewel.button:focus {
+ outline: none;
+ border: 1px solid #b3b3b3;
+ box-shadow: inset 0px 0px 0px 1px rgba(255, 255, 255, 0.5), inset 0 1px 0
rgba(255, 255, 255, 0.6);
+}
+.jewel.button[disabled] {
+ cursor: unset;
+ border: 1px solid #d9d9d9;
+ background: #f3f3f3;
+ box-shadow: none;
+}
+
+.jewel.button.primary {
+ cursor: pointer;
+ display: inline-block;
+ margin: 0;
+ padding: 8px;
+ min-width: 34px;
+ min-height: 34px;
+ border: 1px solid #638c29;
+ background: linear-gradient(#98cc50, #7eb435);
+ box-shadow: inset 0 1px 0 #bbdd8b;
+ border-radius: 3px;
+}
+.jewel.button.primary:hover, .jewel.button.primary:hover:focus {
+ border: 1px solid #557923;
+ background: linear-gradient(#8CC63C, #71a02f);
+}
+.jewel.button.primary:active, .jewel.button.primary:active:focus {
+ border: 1px solid #395118;
+ background: linear-gradient(#71a02f, #557923);
+ box-shadow: inset 0px 1px 3px 0px rgba(50, 50, 50, 0.5);
+}
+.jewel.button.primary:focus {
+ outline: none;
+ border: 1px solid #638c29;
+ box-shadow: inset 0px 0px 0px 1px rgba(255, 255, 255, 0.5), inset 0 1px 0
rgba(255, 255, 255, 0.6);
+}
+.jewel.button.primary[disabled] {
+ cursor: unset;
+ border: 1px solid #d9d9d9;
+ background: #f3f3f3;
+ box-shadow: none;
+}
+
+.jewel.checkbox {
+ display: inline-block;
+ margin: 0;
+ padding: 0;
+ position: relative;
+ width: 100%;
+ height: 22px;
+}
+.jewel.checkbox input {
+ -webkit-appearance: none;
+ -moz-appearance: none;
+ -o-appearance: none;
+ appearance: none;
+ cursor: pointer;
+ display: inline-block;
+ margin: 0;
+ padding: 0;
+ width: 22px;
+ height: 22px;
+ line-height: 22px;
+ border: 1px solid #b3b3b3;
+ background: linear-gradient(white, #f3f3f3);
+ border-radius: 3px;
+}
+.jewel.checkbox input:checked, .jewel.checkbox input:checked:active {
+ background: url("data:image/svg+xml;utf8,<svg viewBox='0 0 16 13'
version='1.1' xmlns='http://www.w3.org/2000/svg'><g transform='translate(-763,
-290)'><g transform='translate(760, 285)'><polygon fill='#8CC63C' points='3 13
9 18 19 7 16 5 9 13 6 10'></polygon></g></g></svg>"), #d9d9d9;
+ background-repeat: no-repeat;
+ background-size: 90%;
+ background-position: center;
+ background-attachment: fixed;
+}
+.jewel.checkbox input:checked:checked:focus, .jewel.checkbox
input:checked:checked:active:focus, .jewel.checkbox
input:checked:active:checked:focus, .jewel.checkbox
input:checked:active:checked:active:focus {
+ background: url("data:image/svg+xml;utf8,<svg viewBox='0 0 16 13'
version='1.1' xmlns='http://www.w3.org/2000/svg'><g transform='translate(-763,
-290)'><g transform='translate(760, 285)'><polygon fill='#8CC63C' points='3 13
9 18 19 7 16 5 9 13 6 10'></polygon></g></g></svg>"), #c6e39f;
+ background-repeat: no-repeat;
+ background-size: 90%;
+ background-position: center;
+ background-attachment: fixed;
+}
+.jewel.checkbox input:focus {
+ outline: none;
+ border: 1px solid #638c29;
+}
+.jewel.checkbox input[disabled] {
+ cursor: unset;
+ border: 1px solid #d9d9d9;
+ background: #f3f3f3;
+}
+.jewel.checkbox input[disabled] + span {
+ cursor: unset;
+ color: silver;
+}
+.jewel.checkbox input[disabled]:checked {
+ border: 1px solid #d9d9d9;
+ background: url("data:image/svg+xml;utf8,<svg viewBox='0 0 16 13'
version='1.1' xmlns='http://www.w3.org/2000/svg'><g transform='translate(-763,
-290)'><g transform='translate(760, 285)'><polygon fill='#cccccc' points='3 13
9 18 19 7 16 5 9 13 6 10'></polygon></g></g></svg>"), #f3f3f3;
+ background-size: 90%;
+ background-position: center;
+ background-repeat: no-repeat;
+ background-attachment: fixed;
+}
+.jewel.checkbox span {
+ cursor: pointer;
+ position: relative;
+ vertical-align: top;
+ margin: 0;
+ padding-left: 6px;
+ font-size: 16px;
+ line-height: 22px;
+}
+
+.jewel.label {
+ font-family: "Lato", sans-serif;
+ font-size: 14px;
+}
+
+.jewel.radiobutton {
+ display: inline-block;
+ margin: 0;
+ padding: 0;
+ position: relative;
+ width: 100%;
+ height: 22px;
+}
+.jewel.radiobutton input {
+ -webkit-appearance: none;
+ -moz-appearance: none;
+ -o-appearance: none;
+ appearance: none;
+ cursor: pointer;
+ display: inline-block;
+ margin: 0;
+ padding: 0;
+ width: 22px;
+ height: 22px;
+ line-height: 22px;
+ border: 1px solid #b3b3b3;
+ background: linear-gradient(white, #f3f3f3);
+ border-radius: 50%;
+}
+.jewel.radiobutton input:checked, .jewel.radiobutton input:checked:active {
+ background: url("data:image/svg+xml;utf8,<svg viewBox='0 0 12 12'
version='1.1' xmlns='http://www.w3.org/2000/svg'><g transform='translate(-616,
-350)'><g transform='translate(611, 345)'><circle fill='#8CC63C' cx='11'
cy='11' r='6'></circle></g></g></svg>"), #d9d9d9;
+ background-repeat: no-repeat;
+ background-size: 60%;
+ background-position: center;
+ background-attachment: fixed;
+}
+.jewel.radiobutton input:checked:checked:focus, .jewel.radiobutton
input:checked:checked:active:focus, .jewel.radiobutton
input:checked:active:checked:focus, .jewel.radiobutton
input:checked:active:checked:active:focus {
+ background: url("data:image/svg+xml;utf8,<svg viewBox='0 0 12 12'
version='1.1' xmlns='http://www.w3.org/2000/svg'><g transform='translate(-616,
-350)'><g transform='translate(611, 345)'><circle fill='#8CC63C' cx='11'
cy='11' r='6'></circle></g></g></svg>"), #c6e39f;
+ background-repeat: no-repeat;
+ background-size: 60%;
+ background-position: center;
+ background-attachment: fixed;
+}
+.jewel.radiobutton input:focus {
+ outline: none;
+ border: 1px solid #638c29;
+}
+.jewel.radiobutton input[disabled] {
+ cursor: unset;
+ border: 1px solid #d9d9d9;
+ background: #f3f3f3;
+}
+.jewel.radiobutton input[disabled] + span {
+ cursor: unset;
+ color: silver;
+}
+.jewel.radiobutton input[disabled]:checked {
+ border: 1px solid #d9d9d9;
+ background: url("data:image/svg+xml;utf8,<svg viewBox='0 0 12 12'
version='1.1' xmlns='http://www.w3.org/2000/svg'><g transform='translate(-616,
-350)'><g transform='translate(611, 345)'><circle fill='#cccccc' cx='11'
cy='11' r='6'></circle></g></g></svg>"), #f3f3f3;
+ background-size: 60%;
+ background-position: center;
+ background-repeat: no-repeat;
+ background-attachment: fixed;
+}
+.jewel.radiobutton span {
+ cursor: pointer;
+ position: relative;
+ vertical-align: top;
+ margin: 0;
+ padding-left: 6px;
+ font-size: 16px;
+ line-height: 22px;
+}
+
+.jewel.slider input {
+ -webkit-appearance: none;
+ width: 100%;
+ height: 15px;
+ border-radius: 5px;
+ background: #d3d3d3;
+ outline: none;
+ opacity: 0.7;
+ -webkit-transition: 0.2s;
+ transition: opacity 0.2s;
+}
+.jewel.slider input:hover {
+ opacity: 1;
+}
+.jewel.slider input:focus {
+ outline: none;
+}
+.jewel.slider input::-webkit-slider-thumb {
+ -webkit-appearance: none;
+ appearance: none;
+ width: 15px;
+ height: 15px;
+ border-radius: 50%;
+ background: #8CC63C;
+ cursor: pointer;
+}
+.jewel.slider input::-moz-range-thumb {
+ width: 15px;
+ height: 15px;
+ border-radius: 50%;
+ background: #8CC63C;
+ cursor: pointer;
+}
+
+.jewel.textbutton {
+ cursor: pointer;
+ display: inline-block;
+ margin: 0;
+ padding: 10px 16px;
+ min-width: 74px;
+ min-height: 34px;
+ border: 1px solid #b3b3b3;
+ background: linear-gradient(#e6e6e6, #cccccc);
+ box-shadow: inset 0 1px 0 white;
+ border-radius: 3px;
+ font-family: "Lato", sans-serif;
+ font-size: 14px;
+ font-weight: bold;
+ color: #808080;
+ text-transform: uppercase;
+ text-decoration: none;
+}
+.jewel.textbutton:hover, .jewel.textbutton:hover:focus {
+ border: 1px solid #a6a6a6;
+ background: linear-gradient(#d9d9d9, silver);
+}
+.jewel.textbutton:active, .jewel.textbutton:active:focus {
+ border: 1px solid #8d8d8d;
+ background: linear-gradient(silver, #a6a6a6);
+ box-shadow: inset 0px 1px 3px 0px rgba(50, 50, 50, 0.5);
+}
+.jewel.textbutton:focus {
+ outline: none;
+ border: 1px solid #b3b3b3;
+ box-shadow: inset 0px 0px 0px 1px rgba(255, 255, 255, 0.5), inset 0 1px 0
rgba(255, 255, 255, 0.6);
+}
+.jewel.textbutton[disabled] {
+ cursor: unset;
+ border: 1px solid #d9d9d9;
+ background: #f3f3f3;
+ box-shadow: none;
+ color: silver;
+ font-weight: normal;
+ text-shadow: unset;
+}
+
+.jewel.textbutton.primary {
+ cursor: pointer;
+ display: inline-block;
+ margin: 0;
+ padding: 10px 16px;
+ min-width: 74px;
+ min-height: 34px;
+ border: 1px solid #638c29;
+ background: linear-gradient(#98cc50, #7eb435);
+ box-shadow: inset 0 1px 0 #bbdd8b;
+ border-radius: 3px;
+ font-family: "Lato", sans-serif;
+ font-size: 14px;
+ font-weight: bold;
+ color: #FFFFFF;
+ text-transform: uppercase;
+ text-decoration: none;
+ text-shadow: 0 -1px 0 rgba(57, 81, 24, 0.7);
+}
+.jewel.textbutton.primary:hover, .jewel.textbutton.primary:hover:focus {
+ border: 1px solid #557923;
+ background: linear-gradient(#8CC63C, #71a02f);
+}
+.jewel.textbutton.primary:active, .jewel.textbutton.primary:active:focus {
+ border: 1px solid #395118;
+ background: linear-gradient(#71a02f, #557923);
+ box-shadow: inset 0px 1px 3px 0px rgba(50, 50, 50, 0.5);
+}
+.jewel.textbutton.primary:focus {
+ outline: none;
+ border: 1px solid #638c29;
+ box-shadow: inset 0px 0px 0px 1px rgba(255, 255, 255, 0.5), inset 0 1px 0
rgba(255, 255, 255, 0.6);
+}
+.jewel.textbutton.primary[disabled] {
+ cursor: unset;
+ border: 1px solid #d9d9d9;
+ background: #f3f3f3;
+ box-shadow: none;
+ color: silver;
+ font-weight: normal;
+ text-shadow: unset;
+}
+
+.jewel.textfield {
+ position: relative;
+ display: inline-flex;
+}
+.jewel.textfield input {
+ -webkit-appearance: none;
+ -moz-appearance: none;
+ -o-appearance: none;
+ appearance: none;
+ margin: 0;
+ padding: 0.67em 1em;
+ max-width: 100%;
+ flex: 1 0 auto;
+ outline: none;
+ -webkit-tap-highlight-color: rgba(255, 255, 255, 0);
+ text-align: left;
+ line-height: 1.4em;
+ font-family: "Lato", sans-serif;
+ font-size: 14px;
+ font-weight: normal;
+ color: #808080;
+ background: linear-gradient(white, #f3f3f3);
+ border: 1px solid #b3b3b3;
+ border-radius: 3px;
+ transition-duration: 0.3s;
+ transition-timing-function: easein;
+}
+.jewel.textfield input:focus {
+ border: 1px solid #638c29;
+}
+.jewel.textfield input::placeholder {
+ color: #a6a6a6;
+}
+.jewel.textfield input[disabled] {
+ cursor: unset;
+ border: 1px solid #d9d9d9;
+ background: #f3f3f3;
+ box-shadow: none;
+ color: silver;
+}
+.jewel.textfield input[disabled]::placeholder {
+ color: silver;
+}
+
+/*# sourceMappingURL=defaults.css.map */
diff --git
a/frameworks/themes/Jewel-Light-NoFlat-Secondary-Emerald-Theme/build.xml
b/frameworks/themes/Jewel-Light-NoFlat-Secondary-Emerald-Theme/build.xml
new file mode 100644
index 0000000..45269fd
--- /dev/null
+++ b/frameworks/themes/Jewel-Light-NoFlat-Secondary-Emerald-Theme/build.xml
@@ -0,0 +1,133 @@
+<?xml version="1.0"?>
+<!--
+
+ Licensed to the Apache Software Foundation (ASF) under one or more
+ contributor license agreements. See the NOTICE file distributed with
+ this work for additional information regarding copyright ownership.
+ The ASF licenses this file to You under the Apache License, Version 2.0
+ (the "License"); you may not use this file except in compliance with
+ the License. You may obtain a copy of the License at
+
+ http://www.apache.org/licenses/LICENSE-2.0
+
+ Unless required by applicable law or agreed to in writing, software
+ distributed under the License is distributed on an "AS IS" BASIS,
+ WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ See the License for the specific language governing permissions and
+ limitations under the License.
+
+-->
+
+
+<project name="Jewel-Light-NoFlat-Secondary-Emerald-Theme" default="main"
basedir=".">
+ <property name="ROYALE_HOME" location="../../.."/>
+
+ <property file="${ROYALE_HOME}/env.properties"/>
+ <property environment="env"/>
+ <property file="${ROYALE_HOME}/build.properties"/>
+ <property name="ROYALE_HOME" value="${ROYALE_HOME}"/>
+
+ <property name="target.name" value="${ant.project.name}.swc" />
+
+ <!-- doesn't contain compiled files so only need to compile JS version -->
+ <target name="main"
depends="clean,check-compiler,compile,compile-js,copy-swc,test"
description="Full build of ${ant.project.name}.swc">
+ </target>
+
+ <target name="compile-js">
+ <!-- doesn't contain compiled files so only need to compile JS version
+ <ant
dir="${ROYALE_HOME}/frameworks/js/projects/${ant.project.name}JS/"
inheritAll="false" >
+ <property name="ROYALE_SWF_COMPILER_HOME"
value="${ROYALE_SWF_COMPILER_HOME}"/>
+ <property name="ROYALE_COMPILER_HOME"
value="${ROYALE_COMPILER_HOME}"/>
+ <property name="ROYALE_HOME" value="${ROYALE_HOME}"/>
+ </ant>
+ -->
+ </target>
+
+ <target name="copy-swc" if="env.AIR_HOME">
+ <copy file="${basedir}/target/${target.name}"
tofile="${ROYALE_HOME}/frameworks/libs/${target.name}" />
+ </target>
+
+ <target name="check-for-tests" >
+ <condition property="skip-tests" >
+ <not>
+ <available file="${basedir}/src/test/royale/build.xml" />
+ </not>
+ </condition>
+ </target>
+
+ <target name="test" depends="check-for-tests" unless="skip-tests">
+ <ant dir="src/test/royale" />
+ </target>
+
+ <target name="clean">
+ <delete failonerror="false">
+ <fileset dir="${ROYALE_HOME}/frameworks/libs">
+ <include name="${target.name}"/>
+ </fileset>
+ </delete>
+ <delete failonerror="false" includeemptydirs="true">
+ <fileset dir="${basedir}/target">
+ <include name="**/**"/>
+ </fileset>
+ </delete>
+ <antcall target="clean-tests" />
+ </target>
+
+ <target name="clean-tests" depends="check-for-tests" unless="skip-tests">
+ <ant dir="src/test/royale" target="clean"/>
+ </target>
+
+ <target name="compile" description="Compiles .as files into .swc"
if="env.AIR_HOME">
+ <echo message="Compiling libs/${ant.project.name}.swc"/>
+ <echo message="ROYALE_HOME: ${ROYALE_HOME}"/>
+ <echo message="ROYALE_SWF_COMPILER_HOME: ${ROYALE_SWF_COMPILER_HOME}"/>
+ <echo message="ROYALE_COMPILER_HOME: ${ROYALE_COMPILER_HOME}"/>
+
+ <java jar="${ROYALE_COMPILER_HOME}/lib/compc.jar" fork="true" >
+ <jvmarg value="-Xmx384m" />
+ <jvmarg value="-Dsun.io.useCanonCaches=false" />
+ <jvmarg value="-Droyalelib=${ROYALE_HOME}/frameworks" />
+ <arg value="+royalelib=${ROYALE_HOME}/frameworks" />
+ <arg value="+playerglobal.version=${playerglobal.version}" />
+ <arg value="+env.AIR_HOME=${env.AIR_HOME}" />
+ <arg value="-compiler.strict-xml=true" />
+ <arg value="-compiler.targets=SWF,JSRoyale" />
+ <arg value="-output=${basedir}/target/${target.name}" />
+ <arg
value="-load-config=${basedir}/src/main/config/compile-swf-config.xml" />
+ <arg
value="-js-load-config=${ROYALE_HOME}/frameworks/js-config.xml" />
+ <arg
value="-js-load-config+=${basedir}/../../js/themes/${ant.project.name}JS/src/main/config/compile-js-config.xml"
/>
+ </java>
+ </target>
+
+ <target name="check-compiler"
depends="check-compiler-home,check-transpiler-home">
+ <path id="lib.path">
+ <fileset dir="${ROYALE_COMPILER_HOME}/lib"
includes="compiler-royaleTasks.jar"/>
+ </path>
+ <taskdef resource="flexTasks.tasks" classpathref="lib.path"/>
+ </target>
+
+ <target name="check-compiler-home"
+ description="Set ROYALE_SWF_COMPILER_HOME to point at the compiler.">
+
+ <available file="${ROYALE_HOME}/lib/compiler-mxmlc.jar"
+ type="file"
+ property="ROYALE_SWF_COMPILER_HOME"
+ value="${ROYALE_HOME}"/>
+
+ <fail message="ROYALE_SWF_COMPILER_HOME must be set to a folder with a
lib sub-folder containing compiler-mxmlc.jar such as the compiler folder in
royale-compiler repo or the root of a Royale SDK"
+ unless="ROYALE_SWF_COMPILER_HOME"/>
+ </target>
+
+ <target name="check-transpiler-home"
+ description="Set ROYALE_COMPILER_HOME to point at the cross-compiler.">
+
+ <available file="${ROYALE_HOME}/js/lib/jsc.jar"
+ type="file"
+ property="ROYALE_COMPILER_HOME"
+ value="${ROYALE_HOME}/js"/>
+
+ <fail message="ROYALE_COMPILER_HOME must be set to a folder with a lib
sub-folder containing jsc.jar such as the compiler-jx folder in royale-compiler
repo or the js folder of a Royale SDK"
+ unless="ROYALE_COMPILER_HOME"/>
+ </target>
+
+</project>
diff --git
a/frameworks/themes/Jewel-Light-NoFlat-Secondary-Emerald-Theme/pom.xml
b/frameworks/themes/Jewel-Light-NoFlat-Secondary-Emerald-Theme/pom.xml
new file mode 100644
index 0000000..850ba68
--- /dev/null
+++ b/frameworks/themes/Jewel-Light-NoFlat-Secondary-Emerald-Theme/pom.xml
@@ -0,0 +1,59 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<!--
+
+ Licensed to the Apache Software Foundation (ASF) under one or more
+ contributor license agreements. See the NOTICE file distributed with
+ this work for additional information regarding copyright ownership.
+ The ASF licenses this file to You under the Apache License, Version 2.0
+ (the "License"); you may not use this file except in compliance with
+ the License. You may obtain a copy of the License at
+
+ http://www.apache.org/licenses/LICENSE-2.0
+
+ Unless required by applicable law or agreed to in writing, software
+ distributed under the License is distributed on an "AS IS" BASIS,
+ WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ See the License for the specific language governing permissions and
+ limitations under the License.
+
+-->
+<project xmlns="http://maven.apache.org/POM/4.0.0"
xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance"
xsi:schemaLocation="http://maven.apache.org/POM/4.0.0
http://maven.apache.org/xsd/maven-4.0.0.xsd">
+ <modelVersion>4.0.0</modelVersion>
+
+ <parent>
+ <groupId>org.apache.royale.framework</groupId>
+ <artifactId>themes</artifactId>
+ <version>0.9.3-SNAPSHOT</version>
+ </parent>
+
+ <artifactId>Jewel-Light-NoFlat-Secondary-Emerald-Theme</artifactId>
+ <version>0.9.3-SNAPSHOT</version>
+ <packaging>swc</packaging>
+
+ <name>Apache Royale: Framework: Themes:
Jewel-Light-NoFlat-Secondary-Emerald-Theme</name>
+
+ <build>
+ <sourceDirectory>src/main/royale</sourceDirectory>
+ <plugins>
+ <plugin>
+ <groupId>org.apache.royale.compiler</groupId>
+ <artifactId>royale-maven-plugin</artifactId>
+ <version>${royale.compiler.version}</version>
+ <extensions>true</extensions>
+ <configuration>
+ <includeFiles>
+ <include-file>
+ <name>assets/*</name>
+ <path>../src/main/resources/assets/*</path>
+ </include-file>
+ <include-file>
+ <name>defaults.css</name>
+ <path>../src/main/resources/defaults.css</path>
+ </include-file>
+ </includeFiles>
+ </configuration>
+ </plugin>
+ </plugins>
+ </build>
+
+</project>
diff --git
a/frameworks/themes/Jewel-Light-NoFlat-Secondary-Emerald-Theme/src/main/resources/assets/empty
b/frameworks/themes/Jewel-Light-NoFlat-Secondary-Emerald-Theme/src/main/resources/assets/empty
new file mode 100644
index 0000000..e71be78
--- /dev/null
+++
b/frameworks/themes/Jewel-Light-NoFlat-Secondary-Emerald-Theme/src/main/resources/assets/empty
@@ -0,0 +1,20 @@
+<!--
+
+ Licensed to the Apache Software Foundation (ASF) under one or more
+ contributor license agreements. See the NOTICE file distributed with
+ this work for additional information regarding copyright ownership.
+ The ASF licenses this file to You under the Apache License, Version 2.0
+ (the 'License'); you may not use this file except in compliance with
+ the License. You may obtain a copy of the License at
+
+ http://www.apache.org/licenses/LICENSE-2.0
+
+ Unless required by applicable law or agreed to in writing, software
+ distributed under the License is distributed on an 'AS IS' BASIS,
+ WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ See the License for the specific language governing permissions and
+ limitations under the License.
+
+-->
+
+// This is needed since assets folder must have at least one file
\ No newline at end of file
diff --git
a/frameworks/themes/Jewel-Light-NoFlat-Secondary-Emerald-Theme/src/main/resources/defaults.css
b/frameworks/themes/Jewel-Light-NoFlat-Secondary-Emerald-Theme/src/main/resources/defaults.css
new file mode 100644
index 0000000..5e91331
--- /dev/null
+++
b/frameworks/themes/Jewel-Light-NoFlat-Secondary-Emerald-Theme/src/main/resources/defaults.css
@@ -0,0 +1,135 @@
+/**
+ * Licensed to the Apache Software Foundation (ASF) under one or more
+ * contributor license agreements. See the NOTICE file distributed with
+ * this work for additional information regarding copyright ownership.
+ * The ASF licenses this file to You under the Apache License, Version 2.0
+ * (the "License"); you may not use this file except in compliance with
+ * the License. You may obtain a copy of the License at
+ *
+ * http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS,
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ * See the License for the specific language governing permissions and
+ * limitations under the License.
+ */
+@namespace j "library://ns.apache.org/royale/jewel";
+@namespace "http://www.w3.org/1999/xhtml";
+.royale *, .royale *:before, .royale *:after {
+ box-sizing: border-box;
+}
+
+j|Application {
+ background: white;
+ font-family: "Lato", sans-serif;
+ color: #808080;
+}
+
+h1 {
+ font-size: 2em;
+}
+
+h2 {
+ font-size: 1.5em;
+}
+
+h3 {
+ font-size: 1.17em;
+}
+
+h4 {
+ font-size: 15px;
+}
+
+span {
+ font-size: 14px;
+}
+
+div {
+ font-size: 14px;
+}
+
+.container {
+ background: #ebebeb;
+ border-radius: 10px;
+ padding: 20px;
+}
+
+.jewel.button.secondary {
+ cursor: pointer;
+ display: inline-block;
+ margin: 0;
+ padding: 8px;
+ min-width: 34px;
+ min-height: 34px;
+ border: 1px solid #638c29;
+ background: linear-gradient(#98cc50, #7eb435);
+ box-shadow: inset 0 1px 0 #bbdd8b;
+ border-radius: 3px;
+}
+.jewel.button.secondary:hover, .jewel.button.secondary:hover:focus {
+ border: 1px solid #557923;
+ background: linear-gradient(#8CC63C, #71a02f);
+}
+.jewel.button.secondary:active, .jewel.button.secondary:active:focus {
+ border: 1px solid #395118;
+ background: linear-gradient(#71a02f, #557923);
+ box-shadow: inset 0px 1px 3px 0px rgba(50, 50, 50, 0.5);
+}
+.jewel.button.secondary:focus {
+ outline: none;
+ border: 1px solid #638c29;
+ box-shadow: inset 0px 0px 0px 1px rgba(255, 255, 255, 0.5), inset 0 1px 0
rgba(255, 255, 255, 0.6);
+}
+.jewel.button.secondary[disabled] {
+ cursor: unset;
+ border: 1px solid #d9d9d9;
+ background: #f3f3f3;
+ box-shadow: none;
+}
+
+.jewel.textbutton.secondary {
+ cursor: pointer;
+ display: inline-block;
+ margin: 0;
+ padding: 10px 16px;
+ min-width: 74px;
+ min-height: 34px;
+ border: 1px solid #638c29;
+ background: linear-gradient(#98cc50, #7eb435);
+ box-shadow: inset 0 1px 0 #bbdd8b;
+ border-radius: 3px;
+ font-family: "Lato", sans-serif;
+ font-size: 14px;
+ font-weight: bold;
+ color: #FFFFFF;
+ text-transform: uppercase;
+ text-decoration: none;
+ text-shadow: 0 -1px 0 rgba(57, 81, 24, 0.7);
+}
+.jewel.textbutton.secondary:hover, .jewel.textbutton.secondary:hover:focus {
+ border: 1px solid #557923;
+ background: linear-gradient(#8CC63C, #71a02f);
+}
+.jewel.textbutton.secondary:active, .jewel.textbutton.secondary:active:focus {
+ border: 1px solid #395118;
+ background: linear-gradient(#71a02f, #557923);
+ box-shadow: inset 0px 1px 3px 0px rgba(50, 50, 50, 0.5);
+}
+.jewel.textbutton.secondary:focus {
+ outline: none;
+ border: 1px solid #638c29;
+ box-shadow: inset 0px 0px 0px 1px rgba(255, 255, 255, 0.5), inset 0 1px 0
rgba(255, 255, 255, 0.6);
+}
+.jewel.textbutton.secondary[disabled] {
+ cursor: unset;
+ border: 1px solid #d9d9d9;
+ background: #f3f3f3;
+ box-shadow: none;
+ color: silver;
+ font-weight: normal;
+ text-shadow: unset;
+}
+
+/*# sourceMappingURL=defaults.css.map */
diff --git a/frameworks/themes/JewelTheme/pom.xml
b/frameworks/themes/JewelTheme/pom.xml
index 9a5c83b..dc13884 100644
--- a/frameworks/themes/JewelTheme/pom.xml
+++ b/frameworks/themes/JewelTheme/pom.xml
@@ -156,6 +156,41 @@
<destination>${basedir}/../Jewel-Light-NoFlat-Secondary-Topaz-Theme/src/main/resources</destination>
</resource>
+ <!-- LIGHT - NOFLAT - EMPHASIZED - EMERALD -->
+ <resource>
+ <source>
+
<directory>${basedir}/src/main/sass/themes/light-noflat-emphasized-emerald</directory>
+ <includes>
+ <include>defaults.sass</include>
+ </includes>
+ </source>
+ <relativeOutputDirectory>../..</relativeOutputDirectory>
+
<destination>${basedir}/../Jewel-Light-NoFlat-Emphasized-Emerald-Theme/src/main/resources</destination>
+ </resource>
+
+ <!-- LIGHT - NOFLAT - PRIMARY - EMERALD -->
+ <resource>
+ <source>
+
<directory>${basedir}/src/main/sass/themes/light-noflat-primary-emerald</directory>
+ <includes>
+ <include>defaults.sass</include>
+ </includes>
+ </source>
+ <relativeOutputDirectory>../..</relativeOutputDirectory>
+
<destination>${basedir}/../Jewel-Light-NoFlat-Primary-Emerald-Theme/src/main/resources</destination>
+ </resource>
+
+ <!-- LIGHT - NOFLAT - SECONDARY - EMERALD -->
+ <resource>
+ <source>
+
<directory>${basedir}/src/main/sass/themes/light-noflat-secondary-emerald</directory>
+ <includes>
+ <include>defaults.sass</include>
+ </includes>
+ </source>
+ <relativeOutputDirectory>../..</relativeOutputDirectory>
+
<destination>${basedir}/../Jewel-Light-NoFlat-Secondary-Emerald-Theme/src/main/resources</destination>
+ </resource>
</resources>
</configuration>
<executions>
diff --git
a/frameworks/themes/JewelTheme/src/main/resources/themes/light-noflat-emphasized-emerald/defaults.css
b/frameworks/themes/JewelTheme/src/main/resources/themes/light-noflat-emphasized-emerald/defaults.css
new file mode 100644
index 0000000..69e502d
--- /dev/null
+++
b/frameworks/themes/JewelTheme/src/main/resources/themes/light-noflat-emphasized-emerald/defaults.css
@@ -0,0 +1,177 @@
+/**
+ * Licensed to the Apache Software Foundation (ASF) under one or more
+ * contributor license agreements. See the NOTICE file distributed with
+ * this work for additional information regarding copyright ownership.
+ * The ASF licenses this file to You under the Apache License, Version 2.0
+ * (the "License"); you may not use this file except in compliance with
+ * the License. You may obtain a copy of the License at
+ *
+ * http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS,
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ * See the License for the specific language governing permissions and
+ * limitations under the License.
+ */
+@namespace j "library://ns.apache.org/royale/jewel";
+@namespace "http://www.w3.org/1999/xhtml";
+.royale *, .royale *:before, .royale *:after {
+ box-sizing: border-box;
+}
+
+j|Application {
+ background: white;
+ font-family: "Lato", sans-serif;
+ color: #808080;
+}
+
+h1 {
+ font-size: 2em;
+}
+
+h2 {
+ font-size: 1.5em;
+}
+
+h3 {
+ font-size: 1.17em;
+}
+
+h4 {
+ font-size: 15px;
+}
+
+span {
+ font-size: 14px;
+}
+
+div {
+ font-size: 14px;
+}
+
+.container {
+ background: #ebebeb;
+ border-radius: 10px;
+ padding: 20px;
+}
+
+.jewel.button.emphasized {
+ cursor: pointer;
+ display: inline-block;
+ margin: 0;
+ padding: 8px;
+ min-width: 34px;
+ min-height: 34px;
+ border: 1px solid #638c29;
+ background: linear-gradient(#98cc50, #7eb435);
+ box-shadow: inset 0 1px 0 #bbdd8b;
+ border-radius: 3px;
+}
+.jewel.button.emphasized:hover, .jewel.button.emphasized:hover:focus {
+ border: 1px solid #557923;
+ background: linear-gradient(#8CC63C, #71a02f);
+}
+.jewel.button.emphasized:active, .jewel.button.emphasized:active:focus {
+ border: 1px solid #395118;
+ background: linear-gradient(#71a02f, #557923);
+ box-shadow: inset 0px 1px 3px 0px rgba(50, 50, 50, 0.5);
+}
+.jewel.button.emphasized:focus {
+ outline: none;
+ border: 1px solid #638c29;
+ box-shadow: inset 0px 0px 0px 1px rgba(255, 255, 255, 0.5), inset 0 1px 0
rgba(255, 255, 255, 0.6);
+}
+.jewel.button.emphasized[disabled] {
+ cursor: unset;
+ border: 1px solid #d9d9d9;
+ background: #f3f3f3;
+ box-shadow: none;
+}
+
+.jewel.textbutton {
+ cursor: pointer;
+ display: inline-block;
+ margin: 0;
+ padding: 10px 16px;
+ min-width: 74px;
+ min-height: 34px;
+ border: 1px solid #b3b3b3;
+ background: linear-gradient(#e6e6e6, #cccccc);
+ box-shadow: inset 0 1px 0 white;
+ border-radius: 3px;
+ font-family: "Lato", sans-serif;
+ font-size: 14px;
+ font-weight: bold;
+ color: #808080;
+ text-transform: uppercase;
+ text-decoration: none;
+}
+.jewel.textbutton:hover, .jewel.textbutton:hover:focus {
+ border: 1px solid #a6a6a6;
+ background: linear-gradient(#d9d9d9, silver);
+}
+.jewel.textbutton:active, .jewel.textbutton:active:focus {
+ border: 1px solid #8d8d8d;
+ background: linear-gradient(silver, #a6a6a6);
+ box-shadow: inset 0px 1px 3px 0px rgba(50, 50, 50, 0.5);
+}
+.jewel.textbutton:focus {
+ outline: none;
+ border: 1px solid #b3b3b3;
+ box-shadow: inset 0px 0px 0px 1px rgba(255, 255, 255, 0.5), inset 0 1px 0
rgba(255, 255, 255, 0.6);
+}
+.jewel.textbutton[disabled] {
+ cursor: unset;
+ border: 1px solid #d9d9d9;
+ background: #f3f3f3;
+ box-shadow: none;
+ color: silver;
+ font-weight: normal;
+ text-shadow: unset;
+}
+
+.jewel.textbutton.emphasized {
+ cursor: pointer;
+ display: inline-block;
+ margin: 0;
+ padding: 10px 16px;
+ min-width: 74px;
+ min-height: 34px;
+ border: 1px solid #638c29;
+ background: linear-gradient(#98cc50, #7eb435);
+ box-shadow: inset 0 1px 0 #bbdd8b;
+ border-radius: 3px;
+ font-family: "Lato", sans-serif;
+ font-size: 14px;
+ font-weight: bold;
+ color: #FFFFFF;
+ text-transform: uppercase;
+ text-decoration: none;
+ text-shadow: 0 -1px 0 rgba(57, 81, 24, 0.7);
+}
+.jewel.textbutton.emphasized:hover, .jewel.textbutton.emphasized:hover:focus {
+ border: 1px solid #557923;
+ background: linear-gradient(#8CC63C, #71a02f);
+}
+.jewel.textbutton.emphasized:active, .jewel.textbutton.emphasized:active:focus
{
+ border: 1px solid #395118;
+ background: linear-gradient(#71a02f, #557923);
+ box-shadow: inset 0px 1px 3px 0px rgba(50, 50, 50, 0.5);
+}
+.jewel.textbutton.emphasized:focus {
+ outline: none;
+ border: 1px solid #638c29;
+ box-shadow: inset 0px 0px 0px 1px rgba(255, 255, 255, 0.5), inset 0 1px 0
rgba(255, 255, 255, 0.6);
+}
+.jewel.textbutton.emphasized[disabled] {
+ cursor: unset;
+ border: 1px solid #d9d9d9;
+ background: #f3f3f3;
+ box-shadow: none;
+ color: silver;
+ font-weight: normal;
+ text-shadow: unset;
+}
+
+/*# sourceMappingURL=defaults.css.map */
diff --git
a/frameworks/themes/JewelTheme/src/main/resources/themes/light-noflat-primary-emerald/defaults.css
b/frameworks/themes/JewelTheme/src/main/resources/themes/light-noflat-primary-emerald/defaults.css
new file mode 100644
index 0000000..a701fd7
--- /dev/null
+++
b/frameworks/themes/JewelTheme/src/main/resources/themes/light-noflat-primary-emerald/defaults.css
@@ -0,0 +1,510 @@
+/**
+ * Licensed to the Apache Software Foundation (ASF) under one or more
+ * contributor license agreements. See the NOTICE file distributed with
+ * this work for additional information regarding copyright ownership.
+ * The ASF licenses this file to You under the Apache License, Version 2.0
+ * (the "License"); you may not use this file except in compliance with
+ * the License. You may obtain a copy of the License at
+ *
+ * http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS,
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ * See the License for the specific language governing permissions and
+ * limitations under the License.
+ */
+@namespace j "library://ns.apache.org/royale/jewel";
+@namespace "http://www.w3.org/1999/xhtml";
+.royale *, .royale *:before, .royale *:after {
+ box-sizing: border-box;
+}
+
+j|Application {
+ background: white;
+ font-family: "Lato", sans-serif;
+ color: #808080;
+}
+
+h1 {
+ font-size: 2em;
+}
+
+h2 {
+ font-size: 1.5em;
+}
+
+h3 {
+ font-size: 1.17em;
+}
+
+h4 {
+ font-size: 15px;
+}
+
+span {
+ font-size: 14px;
+}
+
+div {
+ font-size: 14px;
+}
+
+.container {
+ background: #ebebeb;
+ border-radius: 10px;
+ padding: 20px;
+}
+
+.jewel.alert {
+ display: block;
+ position: fixed;
+ top: 50%;
+ left: 50%;
+ transform: translate(-50%, -50%);
+ margin: 0;
+ padding: 0;
+ max-width: 100%;
+ max-height: 100%;
+ min-width: 420px;
+ min-height: 240px;
+ border: 0px solid;
+ border-radius: 3px;
+ box-shadow: 0px 20px 65px 0px rgba(0, 0, 0, 0.8);
+ background-color: white;
+}
+.jewel.alert .jewel.titlebar {
+ padding: 20px 20px 0px 20px;
+ height: 50px;
+ color: #5a5a5a;
+}
+.jewel.alert .jewel.titlebar .jewel.label {
+ font-size: 1.9em;
+ font-weight: bold;
+}
+.jewel.alert .Group {
+ position: absolute;
+ padding: 20px;
+ top: 50px;
+ bottom: 80px;
+ width: 100%;
+ overflow-y: auto;
+}
+.jewel.alert .Group .jewel.label {
+ white-space: normal;
+ color: #808080;
+ font-size: 1.1em;
+ font-weight: normal;
+}
+.jewel.alert .jewel.controlbar {
+ border-top: 1px solid #b3b3b3;
+ background: linear-gradient(#e6e6e6, #cccccc);
+ box-shadow: inset 0 1px 0 white;
+ border-top-left-radius: 0px;
+ border-top-right-radius: 0px;
+ border-bottom-left-radius: 3px;
+ border-bottom-right-radius: 3px;
+ padding: 20px;
+ position: absolute;
+ bottom: 0;
+ width: 100%;
+ height: 80px;
+ display: flex;
+ justify-content: flex-end;
+}
+.jewel.alert .jewel.controlbar > *:first-child {
+ margin-left: 0px;
+}
+.jewel.alert .jewel.controlbar > * {
+ flex: 0 0 100px;
+ margin-left: 6px;
+}
+.jewel.alert + .backdrop {
+ background-color: rgba(0, 0, 0, 0.5);
+}
+
+j|Alert {
+ IBeadModel: ClassReference("org.apache.royale.html.beads.models.AlertModel");
+ IBeadController:
ClassReference("org.apache.royale.jewel.beads.controllers.AlertController");
+ IBeadView: ClassReference("org.apache.royale.jewel.beads.views.AlertView");
+}
+
+@media -royale-swf {
+ j|Alert {
+ IBackgroundBead:
ClassReference("org.apache.royale.html.beads.SolidBackgroundBead");
+ IBorderBead:
ClassReference("org.apache.royale.html.beads.SingleLineBorderBead");
+ }
+}
+.jewel.button {
+ cursor: pointer;
+ display: inline-block;
+ margin: 0;
+ padding: 8px;
+ min-width: 34px;
+ min-height: 34px;
+ border: 1px solid #b3b3b3;
+ background: linear-gradient(#e6e6e6, #cccccc);
+ box-shadow: inset 0 1px 0 white;
+ border-radius: 3px;
+}
+.jewel.button:hover, .jewel.button:hover:focus {
+ border: 1px solid #a6a6a6;
+ background: linear-gradient(#d9d9d9, silver);
+}
+.jewel.button:active, .jewel.button:active:focus {
+ border: 1px solid #8d8d8d;
+ background: linear-gradient(silver, #a6a6a6);
+ box-shadow: inset 0px 1px 3px 0px rgba(50, 50, 50, 0.5);
+}
+.jewel.button:focus {
+ outline: none;
+ border: 1px solid #b3b3b3;
+ box-shadow: inset 0px 0px 0px 1px rgba(255, 255, 255, 0.5), inset 0 1px 0
rgba(255, 255, 255, 0.6);
+}
+.jewel.button[disabled] {
+ cursor: unset;
+ border: 1px solid #d9d9d9;
+ background: #f3f3f3;
+ box-shadow: none;
+}
+
+.jewel.button.primary {
+ cursor: pointer;
+ display: inline-block;
+ margin: 0;
+ padding: 8px;
+ min-width: 34px;
+ min-height: 34px;
+ border: 1px solid #638c29;
+ background: linear-gradient(#98cc50, #7eb435);
+ box-shadow: inset 0 1px 0 #bbdd8b;
+ border-radius: 3px;
+}
+.jewel.button.primary:hover, .jewel.button.primary:hover:focus {
+ border: 1px solid #557923;
+ background: linear-gradient(#8CC63C, #71a02f);
+}
+.jewel.button.primary:active, .jewel.button.primary:active:focus {
+ border: 1px solid #395118;
+ background: linear-gradient(#71a02f, #557923);
+ box-shadow: inset 0px 1px 3px 0px rgba(50, 50, 50, 0.5);
+}
+.jewel.button.primary:focus {
+ outline: none;
+ border: 1px solid #638c29;
+ box-shadow: inset 0px 0px 0px 1px rgba(255, 255, 255, 0.5), inset 0 1px 0
rgba(255, 255, 255, 0.6);
+}
+.jewel.button.primary[disabled] {
+ cursor: unset;
+ border: 1px solid #d9d9d9;
+ background: #f3f3f3;
+ box-shadow: none;
+}
+
+.jewel.checkbox {
+ display: inline-block;
+ margin: 0;
+ padding: 0;
+ position: relative;
+ width: 100%;
+ height: 22px;
+}
+.jewel.checkbox input {
+ -webkit-appearance: none;
+ -moz-appearance: none;
+ -o-appearance: none;
+ appearance: none;
+ cursor: pointer;
+ display: inline-block;
+ margin: 0;
+ padding: 0;
+ width: 22px;
+ height: 22px;
+ line-height: 22px;
+ border: 1px solid #b3b3b3;
+ background: linear-gradient(white, #f3f3f3);
+ border-radius: 3px;
+}
+.jewel.checkbox input:checked, .jewel.checkbox input:checked:active {
+ background: url("data:image/svg+xml;utf8,<svg viewBox='0 0 16 13'
version='1.1' xmlns='http://www.w3.org/2000/svg'><g transform='translate(-763,
-290)'><g transform='translate(760, 285)'><polygon fill='#8CC63C' points='3 13
9 18 19 7 16 5 9 13 6 10'></polygon></g></g></svg>"), #d9d9d9;
+ background-repeat: no-repeat;
+ background-size: 90%;
+ background-position: center;
+ background-attachment: fixed;
+}
+.jewel.checkbox input:checked:checked:focus, .jewel.checkbox
input:checked:checked:active:focus, .jewel.checkbox
input:checked:active:checked:focus, .jewel.checkbox
input:checked:active:checked:active:focus {
+ background: url("data:image/svg+xml;utf8,<svg viewBox='0 0 16 13'
version='1.1' xmlns='http://www.w3.org/2000/svg'><g transform='translate(-763,
-290)'><g transform='translate(760, 285)'><polygon fill='#8CC63C' points='3 13
9 18 19 7 16 5 9 13 6 10'></polygon></g></g></svg>"), #c6e39f;
+ background-repeat: no-repeat;
+ background-size: 90%;
+ background-position: center;
+ background-attachment: fixed;
+}
+.jewel.checkbox input:focus {
+ outline: none;
+ border: 1px solid #638c29;
+}
+.jewel.checkbox input[disabled] {
+ cursor: unset;
+ border: 1px solid #d9d9d9;
+ background: #f3f3f3;
+}
+.jewel.checkbox input[disabled] + span {
+ cursor: unset;
+ color: silver;
+}
+.jewel.checkbox input[disabled]:checked {
+ border: 1px solid #d9d9d9;
+ background: url("data:image/svg+xml;utf8,<svg viewBox='0 0 16 13'
version='1.1' xmlns='http://www.w3.org/2000/svg'><g transform='translate(-763,
-290)'><g transform='translate(760, 285)'><polygon fill='#cccccc' points='3 13
9 18 19 7 16 5 9 13 6 10'></polygon></g></g></svg>"), #f3f3f3;
+ background-size: 90%;
+ background-position: center;
+ background-repeat: no-repeat;
+ background-attachment: fixed;
+}
+.jewel.checkbox span {
+ cursor: pointer;
+ position: relative;
+ vertical-align: top;
+ margin: 0;
+ padding-left: 6px;
+ font-size: 16px;
+ line-height: 22px;
+}
+
+.jewel.label {
+ font-family: "Lato", sans-serif;
+ font-size: 14px;
+}
+
+.jewel.radiobutton {
+ display: inline-block;
+ margin: 0;
+ padding: 0;
+ position: relative;
+ width: 100%;
+ height: 22px;
+}
+.jewel.radiobutton input {
+ -webkit-appearance: none;
+ -moz-appearance: none;
+ -o-appearance: none;
+ appearance: none;
+ cursor: pointer;
+ display: inline-block;
+ margin: 0;
+ padding: 0;
+ width: 22px;
+ height: 22px;
+ line-height: 22px;
+ border: 1px solid #b3b3b3;
+ background: linear-gradient(white, #f3f3f3);
+ border-radius: 50%;
+}
+.jewel.radiobutton input:checked, .jewel.radiobutton input:checked:active {
+ background: url("data:image/svg+xml;utf8,<svg viewBox='0 0 12 12'
version='1.1' xmlns='http://www.w3.org/2000/svg'><g transform='translate(-616,
-350)'><g transform='translate(611, 345)'><circle fill='#8CC63C' cx='11'
cy='11' r='6'></circle></g></g></svg>"), #d9d9d9;
+ background-repeat: no-repeat;
+ background-size: 60%;
+ background-position: center;
+ background-attachment: fixed;
+}
+.jewel.radiobutton input:checked:checked:focus, .jewel.radiobutton
input:checked:checked:active:focus, .jewel.radiobutton
input:checked:active:checked:focus, .jewel.radiobutton
input:checked:active:checked:active:focus {
+ background: url("data:image/svg+xml;utf8,<svg viewBox='0 0 12 12'
version='1.1' xmlns='http://www.w3.org/2000/svg'><g transform='translate(-616,
-350)'><g transform='translate(611, 345)'><circle fill='#8CC63C' cx='11'
cy='11' r='6'></circle></g></g></svg>"), #c6e39f;
+ background-repeat: no-repeat;
+ background-size: 60%;
+ background-position: center;
+ background-attachment: fixed;
+}
+.jewel.radiobutton input:focus {
+ outline: none;
+ border: 1px solid #638c29;
+}
+.jewel.radiobutton input[disabled] {
+ cursor: unset;
+ border: 1px solid #d9d9d9;
+ background: #f3f3f3;
+}
+.jewel.radiobutton input[disabled] + span {
+ cursor: unset;
+ color: silver;
+}
+.jewel.radiobutton input[disabled]:checked {
+ border: 1px solid #d9d9d9;
+ background: url("data:image/svg+xml;utf8,<svg viewBox='0 0 12 12'
version='1.1' xmlns='http://www.w3.org/2000/svg'><g transform='translate(-616,
-350)'><g transform='translate(611, 345)'><circle fill='#cccccc' cx='11'
cy='11' r='6'></circle></g></g></svg>"), #f3f3f3;
+ background-size: 60%;
+ background-position: center;
+ background-repeat: no-repeat;
+ background-attachment: fixed;
+}
+.jewel.radiobutton span {
+ cursor: pointer;
+ position: relative;
+ vertical-align: top;
+ margin: 0;
+ padding-left: 6px;
+ font-size: 16px;
+ line-height: 22px;
+}
+
+.jewel.slider input {
+ -webkit-appearance: none;
+ width: 100%;
+ height: 15px;
+ border-radius: 5px;
+ background: #d3d3d3;
+ outline: none;
+ opacity: 0.7;
+ -webkit-transition: 0.2s;
+ transition: opacity 0.2s;
+}
+.jewel.slider input:hover {
+ opacity: 1;
+}
+.jewel.slider input:focus {
+ outline: none;
+}
+.jewel.slider input::-webkit-slider-thumb {
+ -webkit-appearance: none;
+ appearance: none;
+ width: 15px;
+ height: 15px;
+ border-radius: 50%;
+ background: #8CC63C;
+ cursor: pointer;
+}
+.jewel.slider input::-moz-range-thumb {
+ width: 15px;
+ height: 15px;
+ border-radius: 50%;
+ background: #8CC63C;
+ cursor: pointer;
+}
+
+.jewel.textbutton {
+ cursor: pointer;
+ display: inline-block;
+ margin: 0;
+ padding: 10px 16px;
+ min-width: 74px;
+ min-height: 34px;
+ border: 1px solid #b3b3b3;
+ background: linear-gradient(#e6e6e6, #cccccc);
+ box-shadow: inset 0 1px 0 white;
+ border-radius: 3px;
+ font-family: "Lato", sans-serif;
+ font-size: 14px;
+ font-weight: bold;
+ color: #808080;
+ text-transform: uppercase;
+ text-decoration: none;
+}
+.jewel.textbutton:hover, .jewel.textbutton:hover:focus {
+ border: 1px solid #a6a6a6;
+ background: linear-gradient(#d9d9d9, silver);
+}
+.jewel.textbutton:active, .jewel.textbutton:active:focus {
+ border: 1px solid #8d8d8d;
+ background: linear-gradient(silver, #a6a6a6);
+ box-shadow: inset 0px 1px 3px 0px rgba(50, 50, 50, 0.5);
+}
+.jewel.textbutton:focus {
+ outline: none;
+ border: 1px solid #b3b3b3;
+ box-shadow: inset 0px 0px 0px 1px rgba(255, 255, 255, 0.5), inset 0 1px 0
rgba(255, 255, 255, 0.6);
+}
+.jewel.textbutton[disabled] {
+ cursor: unset;
+ border: 1px solid #d9d9d9;
+ background: #f3f3f3;
+ box-shadow: none;
+ color: silver;
+ font-weight: normal;
+ text-shadow: unset;
+}
+
+.jewel.textbutton.primary {
+ cursor: pointer;
+ display: inline-block;
+ margin: 0;
+ padding: 10px 16px;
+ min-width: 74px;
+ min-height: 34px;
+ border: 1px solid #638c29;
+ background: linear-gradient(#98cc50, #7eb435);
+ box-shadow: inset 0 1px 0 #bbdd8b;
+ border-radius: 3px;
+ font-family: "Lato", sans-serif;
+ font-size: 14px;
+ font-weight: bold;
+ color: #FFFFFF;
+ text-transform: uppercase;
+ text-decoration: none;
+ text-shadow: 0 -1px 0 rgba(57, 81, 24, 0.7);
+}
+.jewel.textbutton.primary:hover, .jewel.textbutton.primary:hover:focus {
+ border: 1px solid #557923;
+ background: linear-gradient(#8CC63C, #71a02f);
+}
+.jewel.textbutton.primary:active, .jewel.textbutton.primary:active:focus {
+ border: 1px solid #395118;
+ background: linear-gradient(#71a02f, #557923);
+ box-shadow: inset 0px 1px 3px 0px rgba(50, 50, 50, 0.5);
+}
+.jewel.textbutton.primary:focus {
+ outline: none;
+ border: 1px solid #638c29;
+ box-shadow: inset 0px 0px 0px 1px rgba(255, 255, 255, 0.5), inset 0 1px 0
rgba(255, 255, 255, 0.6);
+}
+.jewel.textbutton.primary[disabled] {
+ cursor: unset;
+ border: 1px solid #d9d9d9;
+ background: #f3f3f3;
+ box-shadow: none;
+ color: silver;
+ font-weight: normal;
+ text-shadow: unset;
+}
+
+.jewel.textfield {
+ position: relative;
+ display: inline-flex;
+}
+.jewel.textfield input {
+ -webkit-appearance: none;
+ -moz-appearance: none;
+ -o-appearance: none;
+ appearance: none;
+ margin: 0;
+ padding: 0.67em 1em;
+ max-width: 100%;
+ flex: 1 0 auto;
+ outline: none;
+ -webkit-tap-highlight-color: rgba(255, 255, 255, 0);
+ text-align: left;
+ line-height: 1.4em;
+ font-family: "Lato", sans-serif;
+ font-size: 14px;
+ font-weight: normal;
+ color: #808080;
+ background: linear-gradient(white, #f3f3f3);
+ border: 1px solid #b3b3b3;
+ border-radius: 3px;
+ transition-duration: 0.3s;
+ transition-timing-function: easein;
+}
+.jewel.textfield input:focus {
+ border: 1px solid #638c29;
+}
+.jewel.textfield input::placeholder {
+ color: #a6a6a6;
+}
+.jewel.textfield input[disabled] {
+ cursor: unset;
+ border: 1px solid #d9d9d9;
+ background: #f3f3f3;
+ box-shadow: none;
+ color: silver;
+}
+.jewel.textfield input[disabled]::placeholder {
+ color: silver;
+}
+
+/*# sourceMappingURL=defaults.css.map */
diff --git
a/frameworks/themes/JewelTheme/src/main/resources/themes/light-noflat-secondary-emerald/defaults.css
b/frameworks/themes/JewelTheme/src/main/resources/themes/light-noflat-secondary-emerald/defaults.css
new file mode 100644
index 0000000..5e91331
--- /dev/null
+++
b/frameworks/themes/JewelTheme/src/main/resources/themes/light-noflat-secondary-emerald/defaults.css
@@ -0,0 +1,135 @@
+/**
+ * Licensed to the Apache Software Foundation (ASF) under one or more
+ * contributor license agreements. See the NOTICE file distributed with
+ * this work for additional information regarding copyright ownership.
+ * The ASF licenses this file to You under the Apache License, Version 2.0
+ * (the "License"); you may not use this file except in compliance with
+ * the License. You may obtain a copy of the License at
+ *
+ * http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS,
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ * See the License for the specific language governing permissions and
+ * limitations under the License.
+ */
+@namespace j "library://ns.apache.org/royale/jewel";
+@namespace "http://www.w3.org/1999/xhtml";
+.royale *, .royale *:before, .royale *:after {
+ box-sizing: border-box;
+}
+
+j|Application {
+ background: white;
+ font-family: "Lato", sans-serif;
+ color: #808080;
+}
+
+h1 {
+ font-size: 2em;
+}
+
+h2 {
+ font-size: 1.5em;
+}
+
+h3 {
+ font-size: 1.17em;
+}
+
+h4 {
+ font-size: 15px;
+}
+
+span {
+ font-size: 14px;
+}
+
+div {
+ font-size: 14px;
+}
+
+.container {
+ background: #ebebeb;
+ border-radius: 10px;
+ padding: 20px;
+}
+
+.jewel.button.secondary {
+ cursor: pointer;
+ display: inline-block;
+ margin: 0;
+ padding: 8px;
+ min-width: 34px;
+ min-height: 34px;
+ border: 1px solid #638c29;
+ background: linear-gradient(#98cc50, #7eb435);
+ box-shadow: inset 0 1px 0 #bbdd8b;
+ border-radius: 3px;
+}
+.jewel.button.secondary:hover, .jewel.button.secondary:hover:focus {
+ border: 1px solid #557923;
+ background: linear-gradient(#8CC63C, #71a02f);
+}
+.jewel.button.secondary:active, .jewel.button.secondary:active:focus {
+ border: 1px solid #395118;
+ background: linear-gradient(#71a02f, #557923);
+ box-shadow: inset 0px 1px 3px 0px rgba(50, 50, 50, 0.5);
+}
+.jewel.button.secondary:focus {
+ outline: none;
+ border: 1px solid #638c29;
+ box-shadow: inset 0px 0px 0px 1px rgba(255, 255, 255, 0.5), inset 0 1px 0
rgba(255, 255, 255, 0.6);
+}
+.jewel.button.secondary[disabled] {
+ cursor: unset;
+ border: 1px solid #d9d9d9;
+ background: #f3f3f3;
+ box-shadow: none;
+}
+
+.jewel.textbutton.secondary {
+ cursor: pointer;
+ display: inline-block;
+ margin: 0;
+ padding: 10px 16px;
+ min-width: 74px;
+ min-height: 34px;
+ border: 1px solid #638c29;
+ background: linear-gradient(#98cc50, #7eb435);
+ box-shadow: inset 0 1px 0 #bbdd8b;
+ border-radius: 3px;
+ font-family: "Lato", sans-serif;
+ font-size: 14px;
+ font-weight: bold;
+ color: #FFFFFF;
+ text-transform: uppercase;
+ text-decoration: none;
+ text-shadow: 0 -1px 0 rgba(57, 81, 24, 0.7);
+}
+.jewel.textbutton.secondary:hover, .jewel.textbutton.secondary:hover:focus {
+ border: 1px solid #557923;
+ background: linear-gradient(#8CC63C, #71a02f);
+}
+.jewel.textbutton.secondary:active, .jewel.textbutton.secondary:active:focus {
+ border: 1px solid #395118;
+ background: linear-gradient(#71a02f, #557923);
+ box-shadow: inset 0px 1px 3px 0px rgba(50, 50, 50, 0.5);
+}
+.jewel.textbutton.secondary:focus {
+ outline: none;
+ border: 1px solid #638c29;
+ box-shadow: inset 0px 0px 0px 1px rgba(255, 255, 255, 0.5), inset 0 1px 0
rgba(255, 255, 255, 0.6);
+}
+.jewel.textbutton.secondary[disabled] {
+ cursor: unset;
+ border: 1px solid #d9d9d9;
+ background: #f3f3f3;
+ box-shadow: none;
+ color: silver;
+ font-weight: normal;
+ text-shadow: unset;
+}
+
+/*# sourceMappingURL=defaults.css.map */
diff --git
a/frameworks/themes/JewelTheme/src/main/sass/themes/light-noflat-emphasized-emerald/_theme.sass
b/frameworks/themes/JewelTheme/src/main/sass/themes/light-noflat-emphasized-emerald/_theme.sass
new file mode 100644
index 0000000..7025710
--- /dev/null
+++
b/frameworks/themes/JewelTheme/src/main/sass/themes/light-noflat-emphasized-emerald/_theme.sass
@@ -0,0 +1,23 @@
+////////////////////////////////////////////////////////////////////////////////
+//
+// Licensed to the Apache Software Foundation (ASF) under one or more
+// contributor license agreements. See the NOTICE file distributed with
+// this work for additional information regarding copyright ownership.
+// The ASF licenses this file to You under the Apache License, Version 2.0
+// (the "License"); you may not use this file except in compliance with
+// the License. You may obtain a copy of the License at
+//
+// http://www.apache.org/licenses/LICENSE-2.0
+//
+// Unless required by applicable law or agreed to in writing, software
+// distributed under the License is distributed on an "AS IS" BASIS,
+// WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+// See the License for the specific language governing permissions and
+// limitations under the License.
+//
+////////////////////////////////////////////////////////////////////////////////
+
+//Theme Style (Flat or Gradient)
+$flat: false
+$dark: false
+$emphasized-color: $emerald
\ No newline at end of file
diff --git
a/frameworks/themes/JewelTheme/src/main/sass/themes/light-noflat-emphasized-emerald/defaults.sass
b/frameworks/themes/JewelTheme/src/main/sass/themes/light-noflat-emphasized-emerald/defaults.sass
new file mode 100644
index 0000000..71fff7c
--- /dev/null
+++
b/frameworks/themes/JewelTheme/src/main/sass/themes/light-noflat-emphasized-emerald/defaults.sass
@@ -0,0 +1,38 @@
+/**
+ * Licensed to the Apache Software Foundation (ASF) under one or more
+ * contributor license agreements. See the NOTICE file distributed with
+ * this work for additional information regarding copyright ownership.
+ * The ASF licenses this file to You under the Apache License, Version 2.0
+ * (the "License"); you may not use this file except in compliance with
+ * the License. You may obtain a copy of the License at
+ *
+ * http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS,
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ * See the License for the specific language governing permissions and
+ * limitations under the License.
+ */
+
+// Variables
+@import "../../colors"
+@import "theme"
+@import "../../variables"
+@import "../../mixins"
+@import "../../functions"
+
+// Global
+@import "../../global"
+
+// Components
+@import "../../components-emphasized/alert"
+@import "../../components-emphasized/button"
+@import "../../components-emphasized/checkbox"
+@import "../../components-emphasized/controlbar"
+@import "../../components-emphasized/label"
+@import "../../components-emphasized/radiobutton"
+@import "../../components-emphasized/slider"
+@import "../../components-emphasized/textbutton"
+@import "../../components-emphasized/textfield"
+@import "../../components-emphasized/titlebar"
diff --git
a/frameworks/themes/JewelTheme/src/main/sass/themes/light-noflat-primary-emerald/_theme.sass
b/frameworks/themes/JewelTheme/src/main/sass/themes/light-noflat-primary-emerald/_theme.sass
new file mode 100644
index 0000000..3ee68f1
--- /dev/null
+++
b/frameworks/themes/JewelTheme/src/main/sass/themes/light-noflat-primary-emerald/_theme.sass
@@ -0,0 +1,23 @@
+////////////////////////////////////////////////////////////////////////////////
+//
+// Licensed to the Apache Software Foundation (ASF) under one or more
+// contributor license agreements. See the NOTICE file distributed with
+// this work for additional information regarding copyright ownership.
+// The ASF licenses this file to You under the Apache License, Version 2.0
+// (the "License"); you may not use this file except in compliance with
+// the License. You may obtain a copy of the License at
+//
+// http://www.apache.org/licenses/LICENSE-2.0
+//
+// Unless required by applicable law or agreed to in writing, software
+// distributed under the License is distributed on an "AS IS" BASIS,
+// WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+// See the License for the specific language governing permissions and
+// limitations under the License.
+//
+////////////////////////////////////////////////////////////////////////////////
+
+//Theme Style (Flat or Gradient)
+$flat: false
+$dark: false
+$primary-color: $emerald
\ No newline at end of file
diff --git
a/frameworks/themes/JewelTheme/src/main/sass/themes/light-noflat-primary-emerald/defaults.sass
b/frameworks/themes/JewelTheme/src/main/sass/themes/light-noflat-primary-emerald/defaults.sass
new file mode 100644
index 0000000..0e69570
--- /dev/null
+++
b/frameworks/themes/JewelTheme/src/main/sass/themes/light-noflat-primary-emerald/defaults.sass
@@ -0,0 +1,38 @@
+/**
+ * Licensed to the Apache Software Foundation (ASF) under one or more
+ * contributor license agreements. See the NOTICE file distributed with
+ * this work for additional information regarding copyright ownership.
+ * The ASF licenses this file to You under the Apache License, Version 2.0
+ * (the "License"); you may not use this file except in compliance with
+ * the License. You may obtain a copy of the License at
+ *
+ * http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS,
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ * See the License for the specific language governing permissions and
+ * limitations under the License.
+ */
+
+// Variables
+@import "../../colors"
+@import "theme"
+@import "../../variables"
+@import "../../mixins"
+@import "../../functions"
+
+// Global
+@import "../../global"
+
+// Components
+@import "../../components-primary/alert"
+@import "../../components-primary/button"
+@import "../../components-primary/checkbox"
+@import "../../components-primary/controlbar"
+@import "../../components-primary/label"
+@import "../../components-primary/radiobutton"
+@import "../../components-primary/slider"
+@import "../../components-primary/textbutton"
+@import "../../components-primary/textfield"
+@import "../../components-primary/titlebar"
diff --git
a/frameworks/themes/JewelTheme/src/main/sass/themes/light-noflat-secondary-emerald/_theme.sass
b/frameworks/themes/JewelTheme/src/main/sass/themes/light-noflat-secondary-emerald/_theme.sass
new file mode 100644
index 0000000..2d3f11c
--- /dev/null
+++
b/frameworks/themes/JewelTheme/src/main/sass/themes/light-noflat-secondary-emerald/_theme.sass
@@ -0,0 +1,23 @@
+////////////////////////////////////////////////////////////////////////////////
+//
+// Licensed to the Apache Software Foundation (ASF) under one or more
+// contributor license agreements. See the NOTICE file distributed with
+// this work for additional information regarding copyright ownership.
+// The ASF licenses this file to You under the Apache License, Version 2.0
+// (the "License"); you may not use this file except in compliance with
+// the License. You may obtain a copy of the License at
+//
+// http://www.apache.org/licenses/LICENSE-2.0
+//
+// Unless required by applicable law or agreed to in writing, software
+// distributed under the License is distributed on an "AS IS" BASIS,
+// WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+// See the License for the specific language governing permissions and
+// limitations under the License.
+//
+////////////////////////////////////////////////////////////////////////////////
+
+//Theme Style (Flat or Gradient)
+$flat: false
+$dark: false
+$secondary-color: $emerald
\ No newline at end of file
diff --git
a/frameworks/themes/JewelTheme/src/main/sass/themes/light-noflat-secondary-emerald/defaults.sass
b/frameworks/themes/JewelTheme/src/main/sass/themes/light-noflat-secondary-emerald/defaults.sass
new file mode 100644
index 0000000..4bfa1bd
--- /dev/null
+++
b/frameworks/themes/JewelTheme/src/main/sass/themes/light-noflat-secondary-emerald/defaults.sass
@@ -0,0 +1,38 @@
+/**
+ * Licensed to the Apache Software Foundation (ASF) under one or more
+ * contributor license agreements. See the NOTICE file distributed with
+ * this work for additional information regarding copyright ownership.
+ * The ASF licenses this file to You under the Apache License, Version 2.0
+ * (the "License"); you may not use this file except in compliance with
+ * the License. You may obtain a copy of the License at
+ *
+ * http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS,
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ * See the License for the specific language governing permissions and
+ * limitations under the License.
+ */
+
+// Variables
+@import "../../colors"
+@import "theme"
+@import "../../variables"
+@import "../../mixins"
+@import "../../functions"
+
+// Global
+@import "../../global"
+
+// Components
+@import "../../components-secondary/alert"
+@import "../../components-secondary/button"
+@import "../../components-secondary/checkbox"
+@import "../../components-secondary/controlbar"
+@import "../../components-secondary/label"
+@import "../../components-secondary/radiobutton"
+@import "../../components-secondary/slider"
+@import "../../components-secondary/textbutton"
+@import "../../components-secondary/textfield"
+@import "../../components-secondary/titlebar"
diff --git
a/frameworks/themes/JewelTheme/src/main/sass/themes/light-noflat-secondary-emerald/light-noflat-secondary-blue
.textClipping
b/frameworks/themes/JewelTheme/src/main/sass/themes/light-noflat-secondary-emerald/light-noflat-secondary-blue
.textClipping
new file mode 100644
index 0000000..a3322ad
Binary files /dev/null and
b/frameworks/themes/JewelTheme/src/main/sass/themes/light-noflat-secondary-emerald/light-noflat-secondary-blue
.textClipping differ
diff --git a/frameworks/themes/pom.xml b/frameworks/themes/pom.xml
index 03fb3df..cd829ca 100644
--- a/frameworks/themes/pom.xml
+++ b/frameworks/themes/pom.xml
@@ -43,6 +43,10 @@
<module>Jewel-Light-NoFlat-Primary-Topaz-Theme</module>
<module>Jewel-Light-NoFlat-Secondary-Topaz-Theme</module>
<module>Jewel-Light-NoFlat-Emphasized-Topaz-Theme</module>
+
+ <module>Jewel-Light-NoFlat-Primary-Emerald-Theme</module>
+ <module>Jewel-Light-NoFlat-Secondary-Emerald-Theme</module>
+ <module>Jewel-Light-NoFlat-Emphasized-Emerald-Theme</module>
</modules>
<dependencies>
--
To stop receiving notification emails like this one, please contact
[email protected].