kit/src/main/resources/com/oracle/javafx/scenebuilder/kit/css/ThemeDark.css [566:713]:
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
    -fx-text-alignment: center;
    -fx-alignment: center;
    -fx-wrap-text: true;
    -fx-label-padding: 16;
    -fx-background-color: transparent;
    -fx-border-color: -sb-sharp-edge-hi;
    -fx-border-width: 1;
    -fx-border-style: segments(1px, 2px);
}

.theme-presets.SBKIT-content-panel .stage-prompt-default {
    -fx-font-size: 1.231em; /* 16px (base pixel size of 13px) */
    -fx-text-fill: -sb-content-text;
    -fx-text-alignment: center;
    -fx-alignment: center;
    -fx-wrap-text: true;
    -fx-label-padding: 16;
}

/*******************************************************************************
 * Content Panel - GridPane Chrome #0 : common properties                      *
 ******************************************************************************/

.theme-presets.SBKIT-content-panel .tray {
    -fx-border-color: rgba(255, 255, 255, 0.4), rgba(0, 0, 0, 0.5), rgba(255, 255, 255, 0.5);
    -fx-border-insets: 0, 1, 2;
    -fx-border-radius: 5 5 0 0, 4 4 0 0, 3 3 0 0;
    -fx-background-color: #bbddff; /* Can be overwritten by user preferences */
    -fx-background-radius: 2 2 0 0;
    -fx-background-insets: 3;
    -fx-alignment: center;
}

.theme-presets.SBKIT-content-panel .tray.south {
    -fx-border-radius: 0 0 5 5, 0 0 4 4, 0 0 3 3;
    -fx-background-radius: 0 0 2 2;
}

.theme-presets.SBKIT-content-panel .tray.text {
    -fx-text-fill: black;
    -fx-text-overrun: leading-word-ellipsis;
    -fx-font-size: 0.769em; /* 10px (base pixel size of 13px) */
}

.theme-presets.SBKIT-content-panel .tray.west .text {
   -fx-rotate: +90;
}

.theme-presets.SBKIT-content-panel .tray.east .text {
   -fx-rotate: -90;
}

/*******************************************************************************
 * Content Panel - GridPane Chrome #1 : trays and cells of selected gridpane   *
 ******************************************************************************/

.theme-presets.SBKIT-content-panel .gap {
    -fx-stroke: transparent;
    -fx-fill: rgba(0,0,0,0.2);
}

.theme-presets.SBKIT-content-panel .gap.selected {
    -fx-fill: rgba(0,0,0,0.4);
}

.theme-presets.SBKIT-content-panel .gap.hilit {
    -fx-stroke: rgba(0,0,0,0.4);
    -fx-stroke-line-cap: butt;
    /* -fx-stroke-width is setup programmatically */
}

.theme-presets.SBKIT-content-panel .gap.empty {
    -fx-stroke: rgba(0,0,0,0.4);
    -fx-stroke-line-cap: butt;
    -fx-stroke-dash-array: 3 3;
}

.theme-presets.SBKIT-content-panel .tray.selected {
    -fx-border-color: rgba(255, 255, 255, 0.4), rgba(0, 0, 0, 1), rgba(255, 255, 255, 0.5);
    -fx-background-color: yellow;
}

.theme-presets.SBKIT-content-panel .tray.selected .text {
    -fx-text-fill: rgba(0,0,0,0.8);
}

/*******************************************************************************
 * Content Panel - BorderPane                                                  *
 ******************************************************************************/

.theme-presets.SBKIT-content-panel .target-ring.BorderPane {
    -fx-alignment: CENTER;
    -fx-border-width: 1;
    -fx-border-color: rgba(0,0,0,0.1);
    -fx-background-color: rgba(0,0,0,0.1);
    -fx-text-fill: grey;
}

.theme-presets.SBKIT-content-panel .target-ring.selected.BorderPane {
    -fx-alignment: CENTER;
    -fx-border-width: 1;
    -fx-border-color: rgba(0,0,0,0.1);
    -fx-background-color: rgba(0,0,0,0.4);
    -fx-text-fill: grey;
}

/*******************************************************************************
 * Content Panel - Marquee Chrome                                             *
 ******************************************************************************/

.theme-presets.SBKIT-content-panel .marquee {
/*    -fx-fill: rgba(178, 178, 229, 0.2);*/
    -fx-fill: rgba(150, 150, 150, 0.2);
    -fx-stroke: rgba(0, 0, 0, 0.3);
    -fx-stroke-type: inside;
}

/*******************************************************************************
 * Content Panel - Resize Shadow                                               *
 ******************************************************************************/

.theme-presets.SBKIT-content-panel .resize-shadow {
    -fx-background-color: rgba(255, 255, 0.0, 0.5);
    -fx-border-width: 1;
    -fx-border-style: dotted;
    -fx-border-color: black;
}

/*******************************************************************************
 * Content Panel - Resize Shadow                                               *
 ******************************************************************************/

.theme-presets.SBKIT-content-panel .css-pick-chrome {
    -fx-background-color: rgba(0.0, 255, 0.0, 0.5);
    -fx-border-width: 1;
    -fx-border-style: dotted;
    -fx-border-color: black;
}

/*******************************************************************************
 * Content Panel - Outline Mode                                                *
 ******************************************************************************/

.theme-presets.SBKIT-content-panel .outline-ring {
    -fx-stroke: rgba(0,0,0,0.2);
    -fx-stroke-type: inside;
    -fx-fill: rgba(0,0,0,0.01);
}
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -



kit/src/main/resources/com/oracle/javafx/scenebuilder/kit/css/ThemeDefault.css [549:697]:
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
    -fx-text-alignment: center;
    -fx-alignment: center;
    -fx-wrap-text: true;
    -fx-label-padding: 16;
    -fx-background-color: transparent;
    -fx-border-color: -sb-sharp-edge-hi;
    -fx-border-width: 1;
    -fx-border-style: segments(1px, 2px);
}

.theme-presets.SBKIT-content-panel .stage-prompt-default {
    -fx-font-size: 1.231em; /* 16px (base pixel size of 13px) */
    -fx-text-fill: -sb-content-text;
    -fx-text-alignment: center;
    -fx-alignment: center;
    -fx-wrap-text: true;
    -fx-label-padding: 16;
    /*-fx-effect: dropshadow( gaussian, rgba(0, 0, 0, 0.3), 15, 0.0, 0, 10 );*/
}

/*******************************************************************************
 * Content Panel - GridPane Chrome #0 : common properties                      *
 ******************************************************************************/

.theme-presets.SBKIT-content-panel .tray {
    -fx-border-color: rgba(255, 255, 255, 0.4), rgba(0, 0, 0, 0.5), rgba(255, 255, 255, 0.5);
    -fx-border-insets: 0, 1, 2;
    -fx-border-radius: 5 5 0 0, 4 4 0 0, 3 3 0 0;
    -fx-background-color: #bbddff; /* Can be overwritten by user preferences */
    -fx-background-radius: 2 2 0 0;
    -fx-background-insets: 3;
    -fx-alignment: center;
}

.theme-presets.SBKIT-content-panel .tray.south {
    -fx-border-radius: 0 0 5 5, 0 0 4 4, 0 0 3 3;
    -fx-background-radius: 0 0 2 2;
}

.theme-presets.SBKIT-content-panel .tray.text {
    -fx-text-fill: black;
    -fx-text-overrun: leading-word-ellipsis;
    -fx-font-size: 0.769em; /* 10px (base pixel size of 13px) */
}

.theme-presets.SBKIT-content-panel .tray.west .text {
   -fx-rotate: +90;
}

.theme-presets.SBKIT-content-panel .tray.east .text {
   -fx-rotate: -90;
}

/*******************************************************************************
 * Content Panel - GridPane Chrome #1 : trays and cells of selected gridpane   *
 ******************************************************************************/

.theme-presets.SBKIT-content-panel .gap {
    -fx-stroke: transparent;
    -fx-fill: rgba(0,0,0,0.2);
}

.theme-presets.SBKIT-content-panel .gap.selected {
    -fx-fill: rgba(0,0,0,0.4);
}

.theme-presets.SBKIT-content-panel .gap.hilit {
    -fx-stroke: rgba(0,0,0,0.4);
    -fx-stroke-line-cap: butt;
    /* -fx-stroke-width is setup programmatically */
}

.theme-presets.SBKIT-content-panel .gap.empty {
    -fx-stroke: rgba(0,0,0,0.4);
    -fx-stroke-line-cap: butt;
    -fx-stroke-dash-array: 3 3;
}

.theme-presets.SBKIT-content-panel .tray.selected {
    -fx-border-color: rgba(255, 255, 255, 0.4), rgba(0, 0, 0, 1), rgba(255, 255, 255, 0.5);
    -fx-background-color: yellow;
}

.theme-presets.SBKIT-content-panel .tray.selected .text {
    -fx-text-fill: rgba(0,0,0,0.8);
}

/*******************************************************************************
 * Content Panel - BorderPane                                                  *
 ******************************************************************************/

.theme-presets.SBKIT-content-panel .target-ring.BorderPane {
    -fx-alignment: CENTER;
    -fx-border-width: 1;
    -fx-border-color: rgba(0,0,0,0.1);
    -fx-background-color: rgba(0,0,0,0.1);
    -fx-text-fill: grey;
}

.theme-presets.SBKIT-content-panel .target-ring.selected.BorderPane {
    -fx-alignment: CENTER;
    -fx-border-width: 1;
    -fx-border-color: rgba(0,0,0,0.1);
    -fx-background-color: rgba(0,0,0,0.4);
    -fx-text-fill: grey;
}

/*******************************************************************************
 * Content Panel - Marquee Chrome                                             *
 ******************************************************************************/

.theme-presets.SBKIT-content-panel .marquee {
/*    -fx-fill: rgba(178, 178, 229, 0.2);*/
    -fx-fill: rgba(150, 150, 150, 0.2);
    -fx-stroke: rgba(0, 0, 0, 0.3);
    -fx-stroke-type: inside;
}

/*******************************************************************************
 * Content Panel - Resize Shadow                                               *
 ******************************************************************************/

.theme-presets.SBKIT-content-panel .resize-shadow {
    -fx-background-color: rgba(255, 255, 0.0, 0.5);
    -fx-border-width: 1;
    -fx-border-style: dotted;
    -fx-border-color: black;
}

/*******************************************************************************
 * Content Panel - Resize Shadow                                               *
 ******************************************************************************/

.theme-presets.SBKIT-content-panel .css-pick-chrome {
    -fx-background-color: rgba(0.0, 255, 0.0, 0.5);
    -fx-border-width: 1;
    -fx-border-style: dotted;
    -fx-border-color: black;
}

/*******************************************************************************
 * Content Panel - Outline Mode                                                *
 ******************************************************************************/

.theme-presets.SBKIT-content-panel .outline-ring {
    -fx-stroke: rgba(0,0,0,0.2);
    -fx-stroke-type: inside;
    -fx-fill: rgba(0,0,0,0.01);
}
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -