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 2020/01/10 14:51:15 UTC

[royale-asjs] branch develop updated: jewel-themes: fix most of the background colors

This is an automated email from the ASF dual-hosted git repository.

carlosrovira pushed a commit to branch develop
in repository https://gitbox.apache.org/repos/asf/royale-asjs.git


The following commit(s) were added to refs/heads/develop by this push:
     new f4cc037  jewel-themes: fix most of the background colors
f4cc037 is described below

commit f4cc03776422a5a762abff3e078bd7513586f2d7
Author: Carlos Rovira <ca...@apache.org>
AuthorDate: Fri Jan 10 15:51:04 2020 +0100

    jewel-themes: fix most of the background colors
---
 .../JewelTheme/src/main/sass/components-primary/_alert.sass       | 2 +-
 .../JewelTheme/src/main/sass/components-primary/_badge.sass       | 2 +-
 .../JewelTheme/src/main/sass/components-primary/_checkbox.sass    | 2 +-
 .../src/main/sass/components-primary/_dropdownlist.sass           | 2 +-
 .../themes/JewelTheme/src/main/sass/components-primary/_list.sass | 2 +-
 .../JewelTheme/src/main/sass/components-primary/_navigation.sass  | 2 +-
 .../JewelTheme/src/main/sass/components-primary/_radiobutton.sass | 2 +-
 .../JewelTheme/src/main/sass/components-primary/_slider.sass      | 4 ++--
 .../JewelTheme/src/main/sass/components-primary/_table.sass       | 8 ++++----
 .../JewelTheme/src/main/sass/components-primary/_textinput.sass   | 4 ++--
 10 files changed, 15 insertions(+), 15 deletions(-)

diff --git a/frameworks/themes/JewelTheme/src/main/sass/components-primary/_alert.sass b/frameworks/themes/JewelTheme/src/main/sass/components-primary/_alert.sass
index 46dcc4c..24d53cd 100644
--- a/frameworks/themes/JewelTheme/src/main/sass/components-primary/_alert.sass
+++ b/frameworks/themes/JewelTheme/src/main/sass/components-primary/_alert.sass
@@ -100,7 +100,7 @@ $alert-modal-opacity: .5
 
     .jewel.controlbar
         @if $flat
-            background: $default-color
+            background: lighten($default-color, 15%)
             border: 0px solid
         @else
             background: linear-gradient(lighten($default-color, 5%), darken($default-color, 5%))
diff --git a/frameworks/themes/JewelTheme/src/main/sass/components-primary/_badge.sass b/frameworks/themes/JewelTheme/src/main/sass/components-primary/_badge.sass
index 718e2ea..ca804ef 100644
--- a/frameworks/themes/JewelTheme/src/main/sass/components-primary/_badge.sass
+++ b/frameworks/themes/JewelTheme/src/main/sass/components-primary/_badge.sass
@@ -26,7 +26,7 @@ $badge-border-radius: 500em
 
 .jewel.badge
     border-radius: $badge-border-radius
-    background: $default-color
+    background: lighten($default-color, 15%)
     color: $default-font-color
 
     font-size: $badge-font-size !important
diff --git a/frameworks/themes/JewelTheme/src/main/sass/components-primary/_checkbox.sass b/frameworks/themes/JewelTheme/src/main/sass/components-primary/_checkbox.sass
index 6aa2e75..e757ecc 100644
--- a/frameworks/themes/JewelTheme/src/main/sass/components-primary/_checkbox.sass
+++ b/frameworks/themes/JewelTheme/src/main/sass/components-primary/_checkbox.sass
@@ -31,7 +31,7 @@ $checkbox-label-font-size: 16px
         
         + span::before
             @if $flat
-                background: $default-color
+                background: lighten($default-color, 15%)
                 border: 1px solid transparent
             @else
                 background: linear-gradient(lighten($default-color, 15%), lighten($default-color, 10%))
diff --git a/frameworks/themes/JewelTheme/src/main/sass/components-primary/_dropdownlist.sass b/frameworks/themes/JewelTheme/src/main/sass/components-primary/_dropdownlist.sass
index 96325b8..fe94ceb 100644
--- a/frameworks/themes/JewelTheme/src/main/sass/components-primary/_dropdownlist.sass
+++ b/frameworks/themes/JewelTheme/src/main/sass/components-primary/_dropdownlist.sass
@@ -67,7 +67,7 @@ $dropdownlist-border-radius: $border-radius
     // +dropdownlist-theme($default-color, $default-font-color)
     
     @if $flat
-        background: $default-color
+        background: lighten($default-color, 15%)
         border: 0px solid
     @else
         background-color: lighten($default-color, 15%) // temporal until we fix compiler to join this on a backgroun property.
diff --git a/frameworks/themes/JewelTheme/src/main/sass/components-primary/_list.sass b/frameworks/themes/JewelTheme/src/main/sass/components-primary/_list.sass
index e4ebb15..87a5730 100644
--- a/frameworks/themes/JewelTheme/src/main/sass/components-primary/_list.sass
+++ b/frameworks/themes/JewelTheme/src/main/sass/components-primary/_list.sass
@@ -24,7 +24,7 @@ $list-border-radius: 3px
 
 .jewel.list
     @if $flat
-        background: $default-color
+        background: lighten($default-color, 15%)
         border: 1px solid transparent
     @else
         background: linear-gradient(lighten($default-color, 15%), lighten($default-color, 10%))
diff --git a/frameworks/themes/JewelTheme/src/main/sass/components-primary/_navigation.sass b/frameworks/themes/JewelTheme/src/main/sass/components-primary/_navigation.sass
index 5995060..221db4c 100644
--- a/frameworks/themes/JewelTheme/src/main/sass/components-primary/_navigation.sass
+++ b/frameworks/themes/JewelTheme/src/main/sass/components-primary/_navigation.sass
@@ -48,7 +48,7 @@ $navigation-itemrenderer-padding: 16px
 
     // &.selectable:active
     //     //color: $font-theme-color
-    //     background: $default-color !important
+    //     background: lighten($default-color, 15%) !important
 
     // an icon used to show the collapsed state of the renderer (open/close)
     .hint
diff --git a/frameworks/themes/JewelTheme/src/main/sass/components-primary/_radiobutton.sass b/frameworks/themes/JewelTheme/src/main/sass/components-primary/_radiobutton.sass
index 7ea4cd8..ba1e28e 100644
--- a/frameworks/themes/JewelTheme/src/main/sass/components-primary/_radiobutton.sass
+++ b/frameworks/themes/JewelTheme/src/main/sass/components-primary/_radiobutton.sass
@@ -31,7 +31,7 @@ $radiobutton-label-font-size: 16px
 
         + span::before
             @if $flat
-                background: $default-color
+                background: lighten($default-color, 15%)
                 border: 1px solid transparent
             @else
                 background: linear-gradient(lighten($default-color, 15%), lighten($default-color, 10%))
diff --git a/frameworks/themes/JewelTheme/src/main/sass/components-primary/_slider.sass b/frameworks/themes/JewelTheme/src/main/sass/components-primary/_slider.sass
index 7f4c538..3dd5a84 100644
--- a/frameworks/themes/JewelTheme/src/main/sass/components-primary/_slider.sass
+++ b/frameworks/themes/JewelTheme/src/main/sass/components-primary/_slider.sass
@@ -41,7 +41,7 @@ $slider-scale-transform: 1.4
 
         &::-ms-fill-upper
             @if $flat
-                background: $default-color
+                background: lighten($default-color, 15%)
                 border: 0
             @else
                 background: linear-gradient(lighten($default-color, 15%), lighten($default-color, 5%))
@@ -136,7 +136,7 @@ $slider-scale-transform: 1.4
 
 .slider-track
     @if $flat
-        background: $default-color
+        background: lighten($default-color, 15%)
         border: 0
     @else
         background: linear-gradient(lighten($default-color, 15%), lighten($default-color, 5%))
diff --git a/frameworks/themes/JewelTheme/src/main/sass/components-primary/_table.sass b/frameworks/themes/JewelTheme/src/main/sass/components-primary/_table.sass
index 0c8d1e3..8605230 100644
--- a/frameworks/themes/JewelTheme/src/main/sass/components-primary/_table.sass
+++ b/frameworks/themes/JewelTheme/src/main/sass/components-primary/_table.sass
@@ -24,7 +24,7 @@ $simpletable-border-radius: $border-radius
         
 .jewel.simpletable
     @if $flat
-        background: $default-color
+        background: lighten($default-color, 15%)
         border: 1px solid transparent
     @else
         background: linear-gradient(lighten($default-color, 15%), lighten($default-color, 10%))
@@ -40,7 +40,7 @@ $simpletable-border-radius: $border-radius
         border-left: 0px
     .jewel.tableheadercell
         @if $flat
-            background: $default-color
+            background: lighten($default-color, 15%)
         @else
             background: linear-gradient(lighten($default-color, 15%), lighten($default-color, 10%))
             box-shadow: inset 0 1px 0 lighten($default-color, 20%)
@@ -75,7 +75,7 @@ $table-border-radius: $border-radius
 
 .jewel.table
     @if $flat
-        background: $default-color
+        background: lighten($default-color, 15%)
         border: 1px solid transparent
     @else
         background: linear-gradient(lighten($default-color, 15%), lighten($default-color, 10%))
@@ -91,7 +91,7 @@ $table-border-radius: $border-radius
         border-left: 0px
     .jewel.tableheadercell
         @if $flat
-            background: $default-color
+            background: lighten($default-color, 15%)
         @else
             background: linear-gradient(lighten($default-color, 15%), lighten($default-color, 10%))
             box-shadow: inset 0 1px 0 lighten($default-color, 20%)
diff --git a/frameworks/themes/JewelTheme/src/main/sass/components-primary/_textinput.sass b/frameworks/themes/JewelTheme/src/main/sass/components-primary/_textinput.sass
index fa1a786..6c86219 100644
--- a/frameworks/themes/JewelTheme/src/main/sass/components-primary/_textinput.sass
+++ b/frameworks/themes/JewelTheme/src/main/sass/components-primary/_textinput.sass
@@ -28,7 +28,7 @@ $textinput-border-radius: $border-radius
 
 	input
 		@if $flat
-			background: $default-color
+			background: lighten($default-color, 15%)
 			border: 0px solid
 		@else
 			background: linear-gradient(lighten($default-color, 15%), lighten($default-color, 10%))
@@ -97,7 +97,7 @@ $textarea-border-radius: $border-radius
 
 	textarea	
 		@if $flat
-			background: $default-color
+			background: lighten($default-color, 15%)
 			border: 0px solid
 		@else
 			background: linear-gradient(lighten($default-color, 15%), lighten($default-color, 10%))