Fixes #150: ColorPicker - Style ColorPicker with a JMetro style

JFXtras · Apr 19, 2020 · 187da4c · 187da4c
1 parent f71d6ee
commit 187da4c
Show file tree

Hide file tree

Showing 3 changed files with 50 additions and 13 deletions.
diff --git a/jmetro/src/main/resources/jfxtras/styles/jmetro/base.css b/jmetro/src/main/resources/jfxtras/styles/jmetro/base.css
@@ -2532,6 +2532,23 @@ totally specific (always using direct child) and cover all cases, which would be
  *                                                                             *
  ******************************************************************************/
 
+.color-palette {
+    -fx-background-radius: 0;
+
+    -fx-background-color: popup_background_color;
+    -fx-border-color: popup_border_color;
+}
+
+/* Custom Color Dialog */
+.custom-color-dialog  {
+    -fx-background-color: dialog_background_color;
+}
+
+.custom-color-dialog .controls-pane .customcolor-controls-background {
+    -fx-background-color: controls_border_color, controls_background_color;
+}
+
+/* With Button styleclass */
 .color-picker.button {
     -fx-border-color: transparent;
     -fx-border-width: 2;

diff --git a/jmetro/src/main/resources/jfxtras/styles/jmetro/dark_theme.css b/jmetro/src/main/resources/jfxtras/styles/jmetro/dark_theme.css
@@ -666,19 +666,19 @@ Text {
  *                                                                             *
  ******************************************************************************/
 
- .dialog-pane {
-     -fx-padding: 0.75em 0.5em 0.5em 0.5em;
- }
+.dialog-pane {
+    -fx-padding: 0.75em 0.5em 0.5em 0.5em;
+}
 
 /*******************************************************************************
  *                                                                             *
  * Status Bar (ControlsFX)                                                     *
  *                                                                             *
  ******************************************************************************/
 
- .status-bar {
- 	background_color: #252525;
- }
+.status-bar {
+    background_color: #252525;
+}
 
 /*******************************************************************************
  *                                                                             *
@@ -721,6 +721,16 @@ Text {
  *                                                                             *
  ******************************************************************************/
 
+.color-palette {
+    popup_background_color: #2b2b2b;
+    popup_border_color: #767676;
+}
+
+.custom-color-dialog {
+    controls_background_color: #2b2b2b;
+    controls_border_color: #767676;
+}
+
 .color-picker.button {
     button_background_color: #333333;
     background_pressed_color: #666666;

diff --git a/jmetro/src/main/resources/jfxtras/styles/jmetro/light_theme.css b/jmetro/src/main/resources/jfxtras/styles/jmetro/light_theme.css
@@ -692,14 +692,24 @@ Text {
  * ColorPicker                                                                 *
  *                                                                             *
  ******************************************************************************/
+.color-palette {
+    popup_background_color: #f2f2f2;
+    popup_border_color: #cccccc;
+}
 
- .color-picker.button {
-     button_background_color: #cccccc;
-     background_pressed_color: #999999;
+.custom-color-dialog {
+    controls_background_color: #f2f2f2;
+    controls_border_color: #cccccc;
+}
 
-     border_hover_color: #7a7a7a;
+.color-picker.button {
+    button_background_color: #cccccc;
+    background_pressed_color: #999999;
 
-     text_color: #111;
+    border_hover_color: #7a7a7a;
+
+    text_color: #111;
+
+    focus_ring_border_color: white;
+}
 
-     focus_ring_border_color: white;
- }