You are viewing a plain text version of this content. The canonical link for it is here.
Posted to commits@royale.apache.org by ca...@apache.org on 2019/06/29 23:06:47 UTC
[royale-docs] branch master updated: jewel-themes docs started
This is an automated email from the ASF dual-hosted git repository.
carlosrovira pushed a commit to branch master
in repository https://gitbox.apache.org/repos/asf/royale-docs.git
The following commit(s) were added to refs/heads/master by this push:
new f4fb56d jewel-themes docs started
f4fb56d is described below
commit f4fb56d6600bb5dac0110fbf05365f30c582f664
Author: Carlos Rovira <ca...@apache.org>
AuthorDate: Sun Jun 30 01:06:40 2019 +0200
jewel-themes docs started
---
.../images/apache-royale-jewel-12-color-wheel.jpeg | Bin 0 -> 33931 bytes
assets/images/apache-royale-jewel-dark-flat.jpeg | Bin 0 -> 56126 bytes
assets/images/apache-royale-jewel-dark-noflat.jpeg | Bin 0 -> 56397 bytes
assets/images/apache-royale-jewel-light-flat.jpeg | Bin 0 -> 42878 bytes
.../images/apache-royale-jewel-light-noflat.jpeg | Bin 0 -> 88430 bytes
component-sets/jewel.md | 4 ++
component-sets/jewel/jewel-themes.md | 53 +++++++++++++++++++++
index.md | 1 -
8 files changed, 57 insertions(+), 1 deletion(-)
diff --git a/assets/images/apache-royale-jewel-12-color-wheel.jpeg b/assets/images/apache-royale-jewel-12-color-wheel.jpeg
new file mode 100644
index 0000000..39c36bd
Binary files /dev/null and b/assets/images/apache-royale-jewel-12-color-wheel.jpeg differ
diff --git a/assets/images/apache-royale-jewel-dark-flat.jpeg b/assets/images/apache-royale-jewel-dark-flat.jpeg
new file mode 100644
index 0000000..3a3ee17
Binary files /dev/null and b/assets/images/apache-royale-jewel-dark-flat.jpeg differ
diff --git a/assets/images/apache-royale-jewel-dark-noflat.jpeg b/assets/images/apache-royale-jewel-dark-noflat.jpeg
new file mode 100644
index 0000000..8c79491
Binary files /dev/null and b/assets/images/apache-royale-jewel-dark-noflat.jpeg differ
diff --git a/assets/images/apache-royale-jewel-light-flat.jpeg b/assets/images/apache-royale-jewel-light-flat.jpeg
new file mode 100644
index 0000000..11179d5
Binary files /dev/null and b/assets/images/apache-royale-jewel-light-flat.jpeg differ
diff --git a/assets/images/apache-royale-jewel-light-noflat.jpeg b/assets/images/apache-royale-jewel-light-noflat.jpeg
new file mode 100644
index 0000000..d791502
Binary files /dev/null and b/assets/images/apache-royale-jewel-light-noflat.jpeg differ
diff --git a/component-sets/jewel.md b/component-sets/jewel.md
index f6690ff..ed20e30 100644
--- a/component-sets/jewel.md
+++ b/component-sets/jewel.md
@@ -76,3 +76,7 @@ For the browsers, Apache Royale generates [ECMAScript version 5 (ES5)](https://e
| | SnackBar | | | |
| | TabBar | | | |
| | [TextInput](component-sets/jewel/jewel-textinput.html) | | | |
+
+## Jewel Themes
+
+[Jewel Themes](component-sets/jewel/jewel-themes.html)
\ No newline at end of file
diff --git a/component-sets/jewel/jewel-themes.md b/component-sets/jewel/jewel-themes.md
new file mode 100644
index 0000000..1aa4159
--- /dev/null
+++ b/component-sets/jewel/jewel-themes.md
@@ -0,0 +1,53 @@
+---
+# 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.
+
+layout: docpage
+title: Jewel Themes
+---
+
+# Jewel Themes
+
+The look and feel of the component set
+
+Jewel UI Set focus themes. Themes provides the capability of change the appearance of _all_ components at once.
+A theme is a predefined CSS file (and optionally a other assets like images) that holds the definitions of each Jewel component and its subcomponents a long the default beads used to configure that components.
+
+Royale use the theme to add the right css selectors to the final compilation so when the user loads the application the required css and other files are loaded and the application shows a concrete look and feel.
+
+Jewel comes with predefined themes based on the 12 color wheel below:
+
+
+
+Jewel has been designed to cover multiple visual needs and support Light/Dark and Flat/No Flat themes:
+
+{:height="80%" width="80%"}
+<br>
+Light/No Flat
+<br><br>
+{:height="80%" width="80%"}
+<br>
+Dark/No Flat
+<br><br>
+{:height="80%" width="80%"}
+<br>
+Light/Flat
+<br><br>
+{:height="80%" width="80%"}
+<br>
+Dark/Flat
+<br><br>
+
+Jewel Themes are mostly a CSS with all needed CSS rules predefined. We create this CSSs using the Jewel SASS Theme framework located in JewelTheme project. So updating rules in this theme, we can recompile all themes to update it with the latest changes.
\ No newline at end of file
diff --git a/index.md b/index.md
index 4e3ce76..381157b 100644
--- a/index.md
+++ b/index.md
@@ -22,7 +22,6 @@ title: Welcome to Apache Royale
Designed for the future. Code Once. Run Everywhere.
-<!-- {:height="50%" width="50%"} -->
<p align="center">
<img width="33%" height="33%" src="assets/images/apache-royale-main-logo-1000x1000.png">
</p>