eu.hansolo.applefx.apple.css Maven / Gradle / Ivy
/*
* Copyright (c) 2018 by Gerrit Grunwald
*
* Licensed 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.
*/
@font-face {
font-family: 'SF Pro Display';
src: url('fonts/SF-Pro-Display-Regular.ttf');
}
@font-face {
font-family: 'SF Pro Display Thin';
src: url('fonts/SF-Pro-Display-Thin.ttf');
}
@font-face {
font-family: 'SF Pro Display Light';
src: url('fonts/SF-Pro-Display-Light.ttf');
}
@font-face {
font-family: 'SF Pro Display Medium';
src: url('fonts/SF-Pro-Display-Medium.ttf');
}
@font-face {
font-family: 'SF Pro Display Bold';
src: url('fonts/SF-Pro-Display-Bold.ttf');
}
/********** Apple General *********/
.root * {
-WINDOW-BUTTON-RED : rgb(255, 84, 77);
-WINDOW-BUTTON-YELLOW : rgb(255, 188, 53);
-WINDOW-BUTTON-GREEN : rgb(38, 193, 56);
-WINDOW-BUTTON-LIGHT-GRAY : rgb(206, 203, 202);
-WINDOW-BUTTON-GRAY : rgb(83, 83, 83);
-WINDOW-BUTTON-DARK-GRAY : rgb(52, 53, 53);
-BLUE-AQUA : rgb(3, 122, 255);
-BLUE-DARK : rgb(3, 122, 255);
-BLUE-AQUA-HIGHLIGHT : rgb(129, 172, 240);
-BLUE-DARK-HIGHLIGHT : rgb(29, 104, 151);
-PURPLE-AQAU : rgb(149, 61, 150);
-PURPLE-DARK : rgb(165, 80, 167);
-PURPLE-AQAU-HIGHLIGHT : rgb(186, 145, 186);
-PURPLE-DARK-HIGHLIGHT : rgb(134, 76, 133);
-PINK-AQUA : rgb(247, 78, 158);
-PINK-DARK : rgb(247, 78, 158);
-PINK-AQUA-HIGHLIGHT : rgb(237, 152, 189);
-PINK-DARK-HIGHLIGHT : rgb(153, 75, 126);
-RED-AQUA : rgb(247, 56, 62);
-RED-DARK : rgb(255, 82, 87);
-RED-AQUA-HIGHLIGHT : rgb(225, 142, 145);
-RED-DARK-HIGHLIGHT : rgb(153, 77, 80);
-ORANGE-AQUA : rgb(247, 130, 27);
-ORANGE-DARK : rgb(247, 130, 24);
-ORANGE-AQUA-HIGHLIGHT : rgb(236, 176, 128);
-ORANGE-DARK-HIGHLIGHT : rgb(153, 108, 42);
-YELLOW-AQUA : rgb(255, 199, 38);
-YELLOW-DARK : rgb(255, 198, 3);
-YELLOW-AQUA-HIGHLIGHT : rgb(240, 210, 135);
-YELLOW-DARK-HIGHLIGHT : rgb(153, 149, 27);
-GREEN-AQUA : rgb(98, 186, 70);
-GREEN-DARK : rgb(98, 186, 70);
-GREEN-AQUA-HIGHLIGHT : rgb(162, 204, 149);
-GREEN-DARK-HIGHLIGHT : rgb(90, 145, 69);
-GRAPHITE-AQUA : rgb(152, 152, 152);
-GRAPHITE-DARK : rgb(140, 140, 140);
-GRAPHITE-AQUA-HIGHLIGHT : rgb(153, 153, 157);
-GRAPHITE-DARK-HIGHLIGHT : rgb(120, 118, 118);
-BACKGROUND-AQUA : rgb(255, 255, 255);
-BACKGROUND-DARK : rgb(32, 32, 34);
-TEXT-AQUA : rgb(0, 0, 0);
-TEXT-DARK : rgb(255, 255, 255);
-TEXT-SELECTED-AQUA : rgb(255, 255, 255);
-TEXT-SELECTED-DARK : rgb(255, 255, 255);
-PANE-BACKGROUND-AQUA : rgb(226, 227, 229);
-PANE-BACKGROUND-DARK : rgb(50, 58, 68);
-CONTROL-BACKGROUND-AQUA : rgb(246, 246, 246);
-CONTROL-BACKGROUND-DARK : rgb(89, 85, 85);
-CONTROL-BORDER-AQUA : rgb(230, 230, 230);
-CONTROL-BORDER-DARK : rgb(93, 95, 98);
-CONTROL-SELECTED-BACKGROUND-AQUA : rgb(106, 106, 106);
-CONTROL-SELECTED-BACKGROUND-DARK : rgb(199, 200, 203);
-WHITE : rgb(255, 255, 255);
-BLACK : rgb(0, 0, 0);
-HEADER-BACKGROUND : rgb(240, 237, 237);
-HEADER-BACKGROUND-DARK : rgb(47, 46, 47);
-HEADER-HEIGHT-STANDARD : 28.75;
-HEADER-HEIGHT-DOUBLE : 52.5;
-LIGHT-BACKGROUND : rgb(236, 234, 234);
-LIGHT-CTRL-BACKGROUND : rgb(211, 210, 211);
-DARK-BACKGROUND : rgb(31, 28, 29);
-DARK-CTRL-BACKGROUND : rgb(61, 59, 61);
-check-mark-empty : url("./macos-checkmark-empty.png");
-check-mark-white : url("./macos-checkmark-white.png");
-check-mark-black : url("./macos-checkmark-black.png");
/* VARIABLE DEFINITIONS */
-accent-color : -BLUE-AQUA;
-highlight-color : -BLUE-AQUA-HIGHLIGHT;
-background-color : -BACKGROUND-AQUA;
-pane-background-color : -PANE-BACKGROUND-AQUA;
-text-color : -TEXT-AQUA;
-text-selected-color : -TEXT-SELECTED-AQUA;
-control-background-color : -CONTROL-BACKGROUND-AQUA;
-control-border-color : -CONTROL-BORDER-AQUA;
-accent-color-dark : -BLUE-DARK;
-highlight-color-dark : -BLUE-DARK-HIGHLIGHT;
-background-color-dark : -BACKGROUND-DARK;
-pane-background-color-dark : -PANE-BACKGROUND-DARK;
-text-color-dark : -TEXT-DARK;
-text-selected-color-dark : -TEXT-SELECTED-DARK;
-text-color-disabled : rgb(140, 140, 140);
-text-color-disabled-dark : rgb(180, 180, 180);
-control-background-color-dark: -CONTROL-BACKGROUND-DARK;
-control-border-color-dark : -CONTROL-BORDER-DARK;
-header-height : -HEADER-HEIGHT-STANDARD;
}
/* Button */
.macos-button,
.macos-button:focused,
.macos-button:window-focus-lost {
-fx-pref-height : 20;
-fx-background-insets : 0, 0.5;
-fx-background-color : linear-gradient(to bottom, rgb(211, 210, 210) 0%, rgb(183, 182, 182) 100%), -WHITE;
-fx-background-radius : 5, 4;
-fx-padding : 2 10 2 10;
-fx-text-fill : -text-color;
-fx-alignment : CENTER;
-fx-content-display : LEFT;
-fx-font-family : 'SF Pro Regular';
-fx-font-size : 13px;
}
.macos-button:def {
-fx-pref-height : 20;
-fx-background-color : derive(-accent-color, 10%), linear-gradient(to bottom, -accent-color 0%, derive(-accent-color, -20%) 100%);
-fx-background-insets: 0, 0.5;
-fx-background-radius: 5, 4;
-fx-padding : 2 10 2 10;
-fx-text-fill : -text-color-dark;
-fx-alignment : CENTER;
-fx-content-display : LEFT;
}
.macos-button:def:window-focus-lost {
-fx-background-color: linear-gradient(to bottom, rgb(211, 210, 210) 0%, rgb(183, 182, 182) 100%), -WHITE;
-fx-text-fill : -text-color;
}
.macos-button:armed {
-fx-pref-height : 20;
-fx-background-color : linear-gradient(to bottom, rgb(183, 182, 182) 0%, rgb(153, 152, 152) 100%), rgb(240, 240, 240);
-fx-background-insets: 0, 0.5;
-fx-background-radius: 5, 4;
-fx-padding : 2 10 2 10;
-fx-text-fill : -text-color;
-fx-alignment : CENTER;
-fx-content-display : LEFT;
}
.macos-button:def:armed {
-fx-pref-height : 20;
-fx-background-color : -accent-color, linear-gradient(to bottom, derive(-accent-color, -10%) 0%, derive(-accent-color, -30%) 100%);
-fx-background-insets: 0, 0.5;
-fx-background-radius: 5, 4;
-fx-padding : 2 10 2 10;
-fx-text-fill : -text-color-dark;
-fx-alignment : CENTER;
-fx-content-display : LEFT;
}
.macos-button:disabled {
-fx-background-color: -WHITE;
-fx-text-fill : -text-color-disabled;
}
.macos-button:dark,
.macos-button:dark:focused,
.macos-button:dark:window-focus-lost {
-fx-pref-height : 20;
-fx-background-insets: 0, 0.5 0 0 0;
-fx-background-color : linear-gradient(to bottom, rgb(136, 132, 132) 0%, rgb(26, 20, 21) 100%), -control-background-color-dark;
-fx-text-fill : -text-color-dark;
}
.macos-button:dark:armed {
-fx-pref-height : 20;
-fx-background-color : derive(-control-background-color-dark, +10%), derive(-control-background-color-dark, +20%);
-fx-background-insets: 0, 0.5 0 0 0;
-fx-text-fill : -text-color-dark;
}
.macos-button:dark:def {
-fx-pref-height : 20;
-fx-background-color : derive(-accent-color-dark, 10%), linear-gradient(to bottom, -accent-color-dark 0%, derive(-accent-color-dark, -20%) 100%);
-fx-background-insets: 0, 0.5 0 0 0;
-fx-text-fill : -text-color-dark;
}
.macos-button:dark:def:window-focus-lost {
-fx-background-color : linear-gradient(to bottom, rgb(136, 132, 132) 0%, rgb(26, 20, 21) 100%), -control-background-color-dark;
}
.macos-button:dark:def:armed {
-fx-pref-height : 20;
-fx-background-color : derive(-accent-color-dark, 20%), linear-gradient(to bottom, derive(-accent-color-dark, 10%) 0%, derive(-accent-color-dark, -10%) 100%);
-fx-background-insets: 0, 0.5 0 0 0;
-fx-text-fill : -text-color-dark;
}
.macos-button:dark:disabled {
-fx-background-color: -control-background-color-dark;
-fx-text-fill : -text-color-disabled-dark;
}
/* Switch */
.macos-switch {
-knob-color: rgb(208, 207, 206);
}
.macos-switch .background-area {
-fx-fill : rgb(175, 175, 175);
-fx-effect: innershadow(gaussian, rgba(0, 0, 0, 0.25), 1, 0, 0, 0);
}
.macos-switch .one {
-fx-fill: -WHITE;
}
.macos-switch .zero {
-fx-fill : null;
-fx-stroke: rgb(140, 140, 140);
}
.macos-switch .knob {
-fx-fill : -WHITE;
-fx-effect: dropshadow(gaussian, rgba(0, 0, 0, 0.65), 1, 0, 0, 0);
}
.macos-switch:ios {
-knob-color: -WHITE;
}
.macos-switch:ios .background-area {
-fx-fill: rgb(215, 213, 213);
-fx-effect: none;
}
.macos-switch:ios .one {
-fx-fill: -WHITE;
}
.macos-switch:ios .zero {
-fx-fill : null;
-fx-stroke: rgb(140, 140, 140);
}
.macos-switch:ios .knob {
-fx-fill : -WHITE;
-fx-effect: none;
}
.macos-switch:dark .background-area {
-fx-fill : -DARK-CTRL-BACKGROUND;
-fx-effect: innershadow(gaussian, rgba(255, 255, 255, 0.25), 1, 0, 0, 0);
}
.macos-switch:dark .one {
-fx-fill: -WHITE;
}
.macos-switch:dark .zero {
-fx-fill : null;
-fx-stroke: rgb(175, 175, 175);
}
.macos-switch:dark .knob {
-fx-fill : -knob-color;
-fx-effect: dropshadow(gaussian, rgba(0, 0, 0, 0.65), 1, 0, 0, 0);
}
.macos-switch:ios:dark .background-area {
-fx-fill : rgb(61, 59, 61);
-fx-effect: none;
}
.macos-switch:ios:dark .one {
-fx-fill: -WHITE;
}
.macos-switch:ios:dark .zero {
-fx-fill : null;
-fx-stroke: rgb(175, 175, 175);
}
.macos-switch:ios:dark .knob {
-fx-fill : -knob-color;
-fx-effect: none;
}
/* Slider */
.macos-slider {
-thumb-color : -WHITE;
-thumb-border-color : -LIGHT-CTRL-BACKGROUND;
-track-fill : rgba(0, 0, 0, 0.1);
-tick-fill : rgba(0, 0, 0, 0.15);
-track-progress-fill : -accent-color;
-border-color : rgba(0, 0, 0, 0.05);
}
.macos-slider:window-focus-lost {
-track-progress-fill: rgb(216, 216, 216);
}
.macos-slider .track {
-fx-background-color : -track-fill;
-fx-background-insets: 0;
-fx-border-width : 1 0 1 0;
-fx-border-style : solid none solid none;
-fx-border-color : -border-color;
-fx-padding : 0.5px;
-fx-min-height : 4px;
-fx-max-height : 4px;
-fx-pref-height : 4px;
-fx-background-radius: 5;
}
.macos-slider:vertical .track {
-fx-background-color : -track-fill;
-fx-border-width : 0 1 0 1;
-fx-border-style : none solid none solid;
-fx-border-color : -border-color;
-fx-min-width : 4px;
-fx-max-width : 4px;
-fx-pref-width : 4px;
-fx-background-radius: 5;
}
.macos-slider:balance .track {
-fx-background-color : -track-fill;
-fx-background-insets: 0;
-fx-background-radius: 4px;
-fx-padding : 0.5px;
-fx-border-color : transparent -track-fill transparent -track-fill;
-fx-border-width : 1;
-fx-border-insets : -3 0 -3 0;
}
.macos-slider:balance:vertical .track {
-fx-background-color : -track-fill;
-fx-background-radius: 4px;
-fx-border-color : transparent -track-fill transparent -track-fill;
-fx-border-width : 1;
-fx-border-insets : 0 -3 0 -3;
}
.macos-slider .center-line {
-fx-stroke : transparent;
-fx-stroke-width: 1px;
}
.macos-slider:balance .center-line,
.macos-slider:balance:vertical .center-line {
-fx-stroke: -track-fill;
}
.macos-slider .track-progress {
-fx-background-color : -track-progress-fill;
-fx-background-insets: 0;
-fx-background-radius: 1 1 1 1;
-fx-padding : 0.5px;
-fx-background-radius: 5;
}
.macos-slider:vertical .track-progress {
-fx-background-color: -track-progress-fill;
}
.macos-slider .axis {
-fx-tick-label-fill : -track-fill;
-fx-tick-length : 8px;
-fx-minor-tick-length: 8px;
-fx-border-color : transparent;
}
.macos-slider .axis .axis-tick-mark,
.macos-slider .axis .axis-minor-tick-mark {
-fx-fill : null;
-fx-stroke : -tick-fill;
-fx-stroke-width: 2;
}
.macos-slider .thumb,
.macos-slider .thumb:hover,
.macos-slider:focused .thumb {
-fx-padding : 14px;
-fx-background-insets: 0, 0.5;
-fx-background-color : -thumb-border-color, -thumb-color;
-fx-background-radius: 20px;
-fx-effect : dropshadow(two-pass-box, rgba(0, 0, 0, 0.15), 1, 0.0, 0, 1);
}
.macos-slider:pressed .thumb,
.macos-slider:focused:pressed .thumb {
-fx-padding : 14px;
-fx-background-insets: 0, 0.5;
-fx-background-color : -thumb-border-color, derive(-thumb-color, -10%);
-fx-background-radius: 20px;
-fx-effect : dropshadow(two-pass-box, rgba(0, 0, 0, 0.15), 1, 0.0, 0, 1);
}
.macos-slider:dark {
-thumb-color : -GRAPHITE-DARK;
-thumb-border-color : -GRAPHITE-DARK;
-track-fill : rgba(255, 255, 255, 0.1);
-tick-fill : rgba(255, 255, 255, 0.15);
-track-progress-fill: -accent-color-dark;
-border-color : rgba(255, 255, 255, 0.05);
}
.macos-slider:dark:window-focus-lost {
-track-progress-fill: rgb(106, 105, 104);
}
.macos-slider:dark .thumb,
.macos-slider:dark .thumb:hover,
.macos-slider:dark:focused .thumb {
-fx-padding : 14px;
-fx-background-insets: 0, 0.5;
-fx-background-color : -thumb-border-color, -thumb-color;
-fx-background-radius: 20px;
-fx-effect : none;
}
.macos-slider:dark:pressed .thumb,
.macos-slider:dark:focused:pressed .thumb {
-fx-padding : 14px;
-fx-background-insets: 0, 0.5;
-fx-background-color : -thumb-border-color, derive(-thumb-color, 20%);
-fx-background-radius: 20px;
-fx-effect : none;
}
/* TextField */
.macos-text-field {
-fx-control-inner-background: -WHITE;
-fx-focus-color : -highlight-color;
-fx-text-fill : black;
-fx-highlight-fill : derive(-fx-control-inner-background,-20%);
-fx-highlight-text-fill : -fx-text-inner-color;
-fx-prompt-text-fill : derive(-fx-control-inner-background,-30%);
-fx-background-color : rgb(229, 229, 229), -fx-control-inner-background;
-fx-background-insets : 0, 1;
-fx-background-radius : 0, 0;
-fx-cursor : text;
-fx-padding : 4 7 4 7;
-fx-font-family : 'SF Pro Regular';
-fx-font-size : 13px;
}
.macos-text-field:focused {
-fx-faint-focus-color : -highlight-color;
-fx-highlight-fill : -highlight-color;
-fx-highlight-text-fill: white;
-fx-background-color : -fx-faint-focus-color, -fx-faint-focus-color, -fx-faint-focus-color, linear-gradient(from 0px 0px to 0px 5px, derive(-fx-control-inner-background, -9%), -fx-control-inner-background);
-fx-background-insets : -0.5, 0, 1, 3;
-fx-background-radius : 4, 3, 2, 0;
-fx-prompt-text-fill : transparent;
}
.macos-text-field:dark {
-fx-control-inner-background: rgb(45, 42, 43); /*-control-background-color-dark;*/
-fx-focus-color : -highlight-color-dark;
-fx-text-fill : -text-color-dark;
-fx-highlight-fill : derive(-fx-control-inner-background,+20%);
-fx-highlight-text-fill : -fx-text-inner-color;
-fx-prompt-text-fill : derive(-fx-control-inner-background,+30%);
-fx-background-color : linear-gradient(to bottom, rgb(47, 45, 44) 0%, rgb(41, 38, 37) 1%, rgb(55, 52, 21) 99%, rgb(61, 61, 61) 100%), -fx-control-inner-background;
-fx-background-insets : 0, 2 1 2 1;
-fx-background-radius : 0, 0;
-fx-cursor : text;
-fx-padding : 4 7 4 7;
}
.macos-text-field:dark:focused {
-fx-faint-focus-color : -highlight-color-dark;
-fx-highlight-fill : -highlight-color-dark;
-fx-highlight-text-fill: -text-color-dark;
-fx-background-color : -fx-faint-focus-color, -fx-faint-focus-color, -fx-faint-focus-color, linear-gradient(from 0px 0px to 0px 5px, derive(-fx-control-inner-background, -9%), -fx-control-inner-background);
-fx-background-insets : -0.2, 1, -1.4, 3;
-fx-background-radius : 3, 2, 4, 0;
-fx-prompt-text-fill : transparent;
}
/* CheckBox */
.macos-check-box,
.macos-check-box:focused {
-box-fill : -accent-color;
-fx-label-padding: 0 0 0 5;
-fx-text-fill : -text-color;
-fx-font-family : 'SF Pro Regular';
-fx-font-size : 13px;
}
.macos-check-box > .box,
.macos-check-box:focused > .box {
-fx-border-insets : 0;
-fx-border-width : 1;
-fx-border-style : solid;
-fx-border-radius : 3;
-fx-border-color : rgb(206, 206, 206);
-fx-background-radius: 3;
-fx-background-color : white;
-fx-padding : 2 2 3 3;
}
.macos-check-box > .box > .mark {
-fx-background-color: null;
-fx-padding : 4 4 4 4;
-fx-shape : "M-0.25,6.083c0.843-0.758,4.583,4.833,5.75,4.833S14.5-1.5,15.917-0.917c1.292,0.532-8.75,17.083-10.5,17.083C3,16.167-1.083,6.833-0.25,6.083z";
}
.macos-check-box:selected > .box {
-fx-border-color : transparent;
-fx-background-color: -box-fill;
}
.macos-check-box:selected:window-focus-lost > .box {
-fx-border-color : rgb(206, 206, 206);
-fx-background-color: white;
}
.macos-check-box:selected > .box > .mark {
-fx-background-color: -TEXT-SELECTED-AQUA;
-fx-padding : 4 4 4 4;
-fx-shape : "M23.895,35.297L31.077,24.09C31.818,22.935 33.357,22.598 34.512,23.338C35.668,24.079 36.005,25.618 35.264,26.773L26.297,40.767C25.8,41.542 24.944,41.949 24.085,41.909C23.383,41.902 22.689,41.6 22.203,41.02L16.809,34.583C15.927,33.532 16.066,31.962 17.118,31.081C18.169,30.199 19.739,30.337 20.62,31.389L23.895,35.297Z";
}
.macos-check-box:selected:window-focus-lost > .box > .mark {
-fx-background-color: black;
}
.macos-check-box:indeterminate > .box {
-fx-border-color : transparent;
-fx-background-color: -box-fill;
}
.macos-check-box:indeterminate > .box > .mark {
-fx-background-color: -TEXT-SELECTED-AQUA;
-fx-shape : "M0,-0.5H7V1.5H0Z";
-fx-scale-shape : false;
-fx-padding : 4 4 4 4;
}
.macos-check-box:dark {
-box-fill : -accent-color-dark;
-fx-label-padding : 0 0 0 5;
-fx-text-fill : -text-color-dark;
}
.macos-check-box:dark > .box,
.macos-check-box:dark:focused > .box {
-fx-border-insets : 0;
-fx-border-width : 0;
-fx-border-style : none;
-fx-border-radius : 3;
-fx-border-color : transparent;
-fx-background-insets: 0, 1;
-fx-background-radius: 3, 3;
-fx-background-color : linear-gradient(to bottom, rgb(103, 99, 99) 0%, rgb(57, 51, 52) 3%, rgb(57, 51, 52) 97%, rgb(111, 106, 107) 100%),
linear-gradient(to bottom, rgb(82, 76, 76) 0%, rgb(109, 105, 105) 100%);
-fx-padding : 2 2 3 3;
}
.macos-check-box:dark:pressed > .box {
-fx-border-insets : 0;
-fx-border-width : 0;
-fx-border-style : none;
-fx-border-radius : 3;
-fx-border-color : transparent;
-fx-background-insets: 0, 1;
-fx-background-radius: 3, 3;
-fx-background-color : linear-gradient(to bottom, derive(rgb(103, 99, 99), 20%) 0%, derive(rgb(57, 51, 52), 20%) 3%, derive(rgb(57, 51, 52), 20%) 97%, derive(rgb(111, 106, 107), 20%) 100%),
linear-gradient(to bottom, derive(rgb(82, 76, 76), 20%) 0%, derive(rgb(109, 105, 105), 20%) 100%);
-fx-padding : 2 2 3 3;
}
.macos-check-box:dark > .box > .mark {
-fx-background-color: null;
-fx-padding : 5 5 5 5;
-fx-shape : "M-0.25,6.083c0.843-0.758,4.583,4.833,5.75,4.833S14.5-1.5,15.917-0.917c1.292,0.532-8.75,17.083-10.5,17.083C3,16.167-1.083,6.833-0.25,6.083z";
}
.macos-check-box:dark:selected > .box {
/*-fx-background-color: linear-gradient(to bottom, rgb(103, 99, 99) 0%, rgb(57, 51, 52) 3%, rgb(57, 51, 52) 97%, rgb(111, 106, 107) 100%), linear-gradient(to bottom, rgb(82, 76, 76) 0%, rgb(109, 105, 105) 100%);*/
-fx-background-color: -box-fill;
-fx-padding : 3 3 4 4;
}
.macos-check-box:dark:selected:window-focus-lost > .box {
-fx-background-color: linear-gradient(to bottom, rgb(103, 99, 99) 0%, rgb(57, 51, 52) 3%, rgb(57, 51, 52) 97%, rgb(111, 106, 107) 100%), linear-gradient(to bottom, rgb(82, 76, 76) 0%, rgb(109, 105, 105) 100%);
-fx-padding : 3 3 4 4;
}
.macos-check-box:dark:selected:focused > .box {
-fx-background-color: -box-fill;
}
.macos-check-box:dark:selected:focused:window-focus-lost > .box {
-fx-background-color: transparent;
}
.macos-check-box:dark:selected > .box > .mark {
-fx-background-insets: 0, 0;
-fx-background-color : transparent, -text-color-dark;
-fx-padding : 4 4 4 4;
-fx-shape : "M23.895,35.297L31.077,24.09C31.818,22.935 33.357,22.598 34.512,23.338C35.668,24.079 36.005,25.618 35.264,26.773L26.297,40.767C25.8,41.542 24.944,41.949 24.085,41.909C23.383,41.902 22.689,41.6 22.203,41.02L16.809,34.583C15.927,33.532 16.066,31.962 17.118,31.081C18.169,30.199 19.739,30.337 20.62,31.389L23.895,35.297Z";
}
.macos-check-box:dark:indeterminate > .box {
-fx-border-color : transparent;
-fx-background-color: -box-fill;
}
.macos-check-box:dark:indeterminate:focused > .box {
-fx-border-color : transparent;
-fx-background-color: -accent-color-dark;
}
.macos-check-box:dark:indeterminate > .box > .mark {
-fx-background-color: -TEXT-SELECTED-DARK;
-fx-shape : "M0,-0.5H7V1.5H0Z";
-fx-scale-shape : false;
-fx-padding : 5 5 5 5;
}
/* RadioButton */
.macos-radio-button {
-dot-fill : -accent-color;
-fx-label-padding: 0 0 0 5;
-fx-text-fill : -text-color;
-fx-font-family : 'SF Pro Regular';
-fx-font-size : 13px;
}
.macos-radio-button > .radio {
-fx-background-color : rgb(206, 206, 206), white;
-fx-background-insets: 0, 1;
-fx-background-radius: 1.0em;
-fx-padding : 4;
-fx-text-fill : -text-color;
-fx-alignment : CENTER;
-fx-content-display : LEFT;
}
.macos-radio-button:focused > .radio {
-fx-background-color : rgb(242, 242, 242);
-fx-background-insets: 0;
-fx-background-radius: 1em;
}
.macos-radio-button > .radio > .dot {
-fx-background-color : transparent;
-fx-background-radius: 1em;
-fx-padding : 3;
}
.macos-radio-button:selected > .radio {
-fx-background-color: -dot-fill;
}
.macos-radio-button:selected:window-focus-lost > .radio {
-fx-background-color: rgb(206, 206, 206), white;
}
.macos-radio-button:selected > .radio > .dot {
-fx-background-color : -TEXT-SELECTED-AQUA;
-fx-background-insets: 0;
}
.macos-radio-button:selected:window-focus-lost > .radio > .dot {
-fx-background-color : black;
-fx-background-insets: 0;
}
.macos-radio-button:dark {
-dot-fill : -accent-color-dark;
-fx-label-padding: 0 0 0 5;
-fx-text-fill : -text-color-dark;
-fx-font-family : 'SF Pro Regular';
-fx-font-size : 13px;
}
.macos-radio-button:dark > .radio {
-fx-background-color : rgb(94, 91, 90), linear-gradient(to bottom, rgb(72, 70, 70) 0%, rgb(101, 100, 99) 100%);
-fx-background-insets: 0, 1;
-fx-background-radius: 1.0em;
-fx-padding : 4;
-fx-text-fill : -text-color;
-fx-alignment : CENTER;
-fx-content-display : LEFT;
}
.macos-radio-button:dark:focused > .radio {
-fx-background-color : derive(rgb(94, 91, 90), +20%), linear-gradient(to bottom, derive(rgb(72, 70, 70), 20%) 0%, derive(rgb(101, 100, 99), 20%) 100%);
-fx-background-insets: 0;
-fx-background-radius: 1em;
}
.macos-radio-button:dark > .radio > .dot {
-fx-background-color : transparent;
-fx-background-radius: 1em;
-fx-padding : 3;
}
.macos-radio-button:dark:selected > .radio {
-fx-background-color: -dot-fill;
}
.macos-radio-button:dark:selected:window-focus-lost > .radio {
-fx-background-color: rgb(94, 91, 90), linear-gradient(to bottom, rgb(72, 70, 70) 0%, rgb(101, 100, 99) 100%);
}
.macos-radio-button:dark:selected > .radio > .dot {
-fx-background-color : -TEXT-SELECTED-AQUA;
-fx-background-insets: 0;
}
/* Separator */
.macos-separator:horizontal .line {
-fx-border-color : rgb(216, 216, 216) transparent transparent transparent, rgb(216, 216, 216) transparent transparent transparent;
-fx-border-insets: 0, 1 0 0 0;
}
.macos-separator:vertical .line {
-fx-border-color : transparent transparent transparent rgb(216, 216, 216), transparent transparent transparent rgb(216, 216, 216);
-fx-border-width : 3, 1;
-fx-border-insets: 0, 0 0 0 1;
}
.macos-separator:dark:horizontal .line {
-fx-border-color : rgb(44, 41, 40) transparent transparent transparent, rgb(44, 41, 40) transparent transparent transparent;
-fx-border-insets: 0, 1 0 0 0;
}
.macos-separator:dark:vertical .line {
-fx-border-color : transparent transparent transparent rgb(44, 41, 40), transparent transparent transparent rgb(44, 41, 40);
-fx-border-width : 3, 1;
-fx-border-insets: 0, 0 0 0 1;
}
/* ScrollBar */
.scroll-bar:horizontal {
-fx-background-color : transparent;
-fx-background-insets: 0;
}
.scroll-bar:vertical {
-fx-background-color : transparent;
-fx-background-insets: 0;
}
.scroll-bar:horizontal:focused {
-fx-background-color : transparent;
-fx-background-insets: 0;
}
.scroll-bar:vertical:focused {
-fx-background-color : transparent;
-fx-background-insets: 0;
}
.scroll-bar > .thumb {
-fx-background-color : rgb(180, 180, 180, 0.35);
-fx-background-radius: 2em;
}
.scroll-bar:horizontal > .thumb {
-fx-background-insets: 2 0 2 0;
}
.scroll-bar:vertical > .thumb {
-fx-background-insets: 0 2 0 2;
}
.scroll-bar:horizontal > .thumb:hover {
-fx-background-insets: 0;
}
.scroll-bar:vertical > .thumb:hover {
-fx-background-insets: 0;
}
.scroll-bar > .increment-button,
.scroll-bar > .decrement-button {
-fx-background-color: transparent;
-fx-color : transparent;
-fx-padding : 0;
}
.scroll-bar:horizontal > .increment-button,
.scroll-bar:horizontal > .decrement-button {
-fx-background-insets: 0;
}
.scroll-bar:vertical > .increment-button,
.scroll-bar:vertical > .decrement-button {
-fx-background-insets: 0;
}
.scroll-bar > .increment-button > .increment-arrow,
.scroll-bar > .decrement-button > .decrement-arrow {
-fx-background-color: transparent;
}
.scroll-bar > .increment-button:hover > .increment-arrow,
.scroll-bar > .decrement-button:hover > .decrement-arrow {
-fx-background-color: transparent;
}
.scroll-bar > .increment-button:pressed > .increment-arrow,
.scroll-bar > .decrement-button:pressed > .decrement-arrow {
-fx-background-color: transparent;
}
.scroll-bar:horizontal > .decrement-button > .decrement-arrow {
-fx-padding: 0;
-fx-shape : "";
-fx-effect : none;
}
.scroll-bar:horizontal > .increment-button > .increment-arrow {
-fx-padding: 0;
-fx-shape : "";
-fx-effect : none;
}
.scroll-bar:vertical > .decrement-button > .decrement-arrow {
-fx-padding: 0;
-fx-shape : "";
-fx-effect : none;
}
.scroll-bar:vertical > .increment-button > .increment-arrow {
-fx-padding: 0;
-fx-shape : "";
-fx-effect : none;
}
/* ScrollPane */
.macos-scroll-pane {
-fx-background-color : transparent;
-fx-background-insets: 0;
-fx-padding : 0;
}
.macos-scroll-pane:focused {
-fx-background-color : transparent;
-fx-background-insets: 0;
-fx-background-radius: 0;
}
.macos-scroll-pane > .viewport {
-fx-background-color: transparent;
}
.macos-scroll-pane > .scroll-bar:horizontal {
-fx-background-insets: 0;
-fx-padding : 0;
}
.macos-scroll-pane > .scroll-bar:horizontal > .increment-button,
.macos-scroll-pane > .scroll-bar:horizontal > .decrement-button {
-fx-padding: 0;
}
.macos-scroll-pane > .scroll-bar:vertical > .increment-button,
.macos-scroll-pane > .scroll-bar:vertical > .decrement-button {
-fx-padding: 0;
}
.macos-scroll-pane > .scroll-bar:vertical {
-fx-background-insets: 0;
}
.macos-scroll-pane > .corner {
-fx-background-color : transparent;
-fx-background-insets: 0;
}
.macos-scroll-pane.edge-to-edge,
.tab-pane > * > .macos-scroll-pane {
-fx-background-color : transparent;
-fx-background-insets: 0;
-fx-padding : 0;
}
.macos-scroll-pane.edge-to-edge > .scroll-bar,
.tab-pane > * > .macos-scroll-pane > .scroll-bar,
.titled-pane > .content > .macos-scroll-pane > .scroll-bar {
-fx-background-insets: 0;
-fx-padding : 0;
}
.macos-scroll-pane.edge-to-edge > .scroll-bar > .increment-button,
.macos-scroll-pane.edge-to-edge > .scroll-bar > .decrement-button,
.tab-pane > * > .macos-scroll-pane > .scroll-bar > .increment-button,
.tab-pane > * > .macos-scroll-pane > .scroll-bar > .decrement-button,
.titled-pane > .content > .macos-scroll-pane > .scroll-bar > .increment-button,
.titled-pane > .content > .macos-scroll-pane > .scroll-bar > .decrement-button {
-fx-padding: 0;
}
.macos-scroll-pane > .scroll-bar,
.macos-scroll-pane:dark > .scroll-bar {
-fx-background-color : transparent;
}
.macos-scroll-pane > .scroll-bar:hover {
-fx-background-color: rgb(180, 180, 180, 0.2);
}
.macos-scroll-pane > .scroll-bar > .thumb,
.macos-scroll-pane:dark > .scroll-bar > .thumb {
-fx-background-color : rgb(180, 180, 180, 0.5);
-fx-background-radius: 2em;
}
.macos-scroll-pane > .scroll-bar:horizontal > .thumb {
-fx-background-insets: 2 0 2 0;
}
.macos-scroll-pane > .scroll-bar:hover:horizontal > .thumb,
.macos-scroll-pane > .scroll-bar:horizontal > .thumb:hover {
-fx-background-insets: 0;
}
.macos-scroll-pane > .scroll-bar:vertical > .thumb {
-fx-background-insets: 0 2 0 2 ;
}
.macos-scroll-pane > .scroll-bar:hover:vertical > .thumb,
.macos-scroll-pane > .scroll-bar:vertical > .thumb:hover {
-fx-background-insets: 0;
}
/* Window Button */
.macos-window-button {
}
.macos-window-button .circle {
-fx-stroke-width: 0.5px;
-fx-effect : innershadow(gaussian, rgba(0, 0, 0, 0.45), 0.5, 0, 0, 0);
}
.macos-window-button:dark .circle {
-fx-effect: innershadow(gaussian, rgba(255, 255, 255, 0.25), 0.5, 0, 0, 0);
}
.macos-window-button:close .circle,
.macos-window-button:close:hovered .circle,
.macos-window-button:disabled:close:hovered .circle {
-fx-fill : -WINDOW-BUTTON-RED;
-fx-stroke: derive(-WINDOW-BUTTON-RED, -10%);
}
.macos-window-button:close:pressed .circle,
.macos-window-button:disabled:close:pressed .circle {
-fx-fill : derive(-WINDOW-BUTTON-RED, -20%);
-fx-stroke: derive(-WINDOW-BUTTON-RED, -30%);
}
.macos-window-button:dark:close .circle,
.macos-window-button:dark:close:hovered .circle,
.macos-window-button:disabled:dark:close:hovered .circle {
-fx-fill : -WINDOW-BUTTON-RED;
-fx-stroke: derive(-WINDOW-BUTTON-RED, +10%);
}
.macos-window-button:dark:close:pressed .circle,
.macos-window-button:disabled:dark:close:pressed .circle {
-fx-fill : derive(-WINDOW-BUTTON-RED, +40%);
-fx-stroke: derive(-WINDOW-BUTTON-RED, +50%);
}
.macos-window-button:minimize .circle,
.macos-window-button:minimize:hovered .circle,
.macos-window-button:disabled:minimize:hovered .circle {
-fx-fill : -WINDOW-BUTTON-YELLOW;
-fx-stroke: derive(-WINDOW-BUTTON-YELLOW, -10%);
}
.macos-window-button:minimize:pressed .circle,
.macos-window-button:disabled:minimize:pressed .circle {
-fx-fill : derive(-WINDOW-BUTTON-YELLOW, -20%);
-fx-stroke: derive(-WINDOW-BUTTON-YELLOW, -30%);
}
.macos-window-button:dark:minimize .circle,
.macos-window-button:dark:minimize:hovered .circle,
.macos-window-button:disabled:dark:minimize:hovered .circle {
-fx-fill : -WINDOW-BUTTON-YELLOW;
-fx-stroke: derive(-WINDOW-BUTTON-YELLOW, +10%);
}
.macos-window-button:dark:minimize:pressed .circle,
.macos-window-button:disabled:dark:minimize:pressed .circle {
-fx-fill : derive(-WINDOW-BUTTON-YELLOW, +40%);
-fx-stroke: derive(-WINDOW-BUTTON-YELLOW, +50%);
}
.macos-window-button:maximize .circle,
.macos-window-button:maximize:hovered .circle {
-fx-fill : -WINDOW-BUTTON-GREEN;
-fx-stroke: derive(-WINDOW-BUTTON-GREEN, -10%);
}
.macos-window-button:maximize:pressed .circle {
-fx-fill : derive(-WINDOW-BUTTON-GREEN, -20%);
-fx-stroke: derive(-WINDOW-BUTTON-GREEN, -30%);
}
.macos-window-button:dark:maximize .circle,
.macos-window-button:dark:maximize:hovered .circle {
-fx-fill : -WINDOW-BUTTON-GREEN;
-fx-stroke: derive(-WINDOW-BUTTON-GREEN, +10%);
}
.macos-window-button:dark:maximize:pressed .circle {
-fx-fill : derive(-WINDOW-BUTTON-GREEN, +40%);
-fx-stroke: derive(-WINDOW-BUTTON-GREEN, +50%);
}
.macos-window-button:disabled:close .circle,
.macos-window-button:disabled:minimize .circle,
.macos-window-button:disabled:maximize .circle {
-fx-fill : -WINDOW-BUTTON-LIGHT-GRAY;
-fx-stroke: rgb(167, 165, 165);
}
.macos-window-button:dark:disabled:close .circle,
.macos-window-button:dark:disabled:minimize .circle,
.macos-window-button:dark:disabled:maximize .circle {
-fx-fill : -WINDOW-BUTTON-GRAY;
-fx-stroke: transparent;
}
.macos-window-button:close .symbol,
.macos-window-button:minimize .symbol,
.macos-window-button:maximize .symbol {
-fx-background-color: transparent;
}
.macos-window-button:hovered:close .symbol {
-fx-background-color: rgb(153, 1, 0);
-fx-border-color : rgb(153, 1, 0);
-fx-position-shape : true;
-fx-scale-shape : false;
-fx-shape : "M6.001,5.429l2.554,-2.555l0.571,0.571l-2.555,2.554l2.55,2.55l-0.572,0.572l-2.55,-2.55l-2.554,2.555l-0.571,-0.571l2.555,-2.554l-2.55,-2.55l0.572,-0.572l2.55,2.55Z";
}
.macos-window-button:hovered:minimize .symbol {
-fx-background-color: rgb(152, 86, 1);
-fx-border-color : rgb(152, 86, 1);
-fx-position-shape : true;
-fx-scale-shape : false;
-fx-shape : "M7.5,0.758C7.5,0.34 7.16,0 6.742,0L0.758,0C0.34,0 0,0.34 0,0.758C0,1.176 0.34,1.516 0.758,1.516L6.742,1.516C7.16,1.516 7.5,1.176 7.5,0.758Z";
}
.macos-window-button:hovered:maximize .symbol {
-fx-background-color: rgb(0, 97, 0);
-fx-border-color : rgb(0, 97, 0);
-fx-position-shape : true;
-fx-scale-shape : false;
-fx-shape : "M1,0L4.5,0L0,4.5L0,1C0,0.448 0.448,0 1,0ZM6,5C6,5.552 5.552,6 5,6L1.5,6L6,1.5L6,5Z";
}
.macos-window-button:hovered:close .symbol-small {
-fx-background-color: rgb(152, 86, 1);
-fx-border-color : rgb(152, 86, 1);
-fx-position-shape : true;
-fx-scale-shape : false;
-fx-shape : "M6.25,5.352l-2.368,-2.367l-0.897,0.897l2.367,2.368l-2.367,2.368l0.897,0.897l2.368,-2.367l2.368,2.367l0.897,-0.897l-2.367,-2.368l2.367,-2.368l-0.897,-0.897l-2.368,2.367Z";
}
.macos-window-button:hovered:minimize .symbol-small {
-fx-background-color: rgb(152, 86, 1);
-fx-border-color : rgb(152, 86, 1);
-fx-position-shape : true;
-fx-scale-shape : false;
-fx-shape : "M7.5,0.758C7.5,0.34 7.16,0 6.742,0L0.758,0C0.34,0 0,0.34 0,0.758C0,1.176 0.34,1.516 0.758,1.516L6.742,1.516C7.16,1.516 7.5,1.176 7.5,0.758Z";
}
.macos-window-button:hovered:maximize .symbol-small {
-fx-background-color: rgb(0, 97, 0);
-fx-border-color : rgb(0, 97, 0);
-fx-position-shape : true;
-fx-scale-shape : false;
-fx-shape : "M1,0L4.5,0L0,4.5L0,1C0,0.448 0.448,0 1,0ZM6,5C6,5.552 5.552,6 5,6L1.5,6L6,1.5L6,5Z";
}
/* Progress */
.macos-progress {
-progress-fill : -LIGHT-CTRL-BACKGROUND;
-progress-stroke: -LIGHT-CTRL-BACKGROUND;
}
.macos-progress:dark {
-progress-fill : -CONTROL-BACKGROUND-DARK;
-progress-stroke: -CONTROL-BACKGROUND-DARK;
}
/* Label */
.macos-label {
-fx-alignment: center-left;
-fx-font : normal normal 13 'SF Pro Display';
-fx-text-fill: -text-color;
}
.macos-label:selected {
-fx-text-fill: -accent-color;
}
.macos-label:dark {
-fx-alignment: center-left;
-fx-font : normal normal 13 'SF Pro Regular';
-fx-text-fill: -text-color-dark;
}
.macos-label:dark:selected {
-fx-text-fill: -accent-color-dark;
}
/* Window Header */
.macos-header {
-fx-min-height : -header-height;
-fx-max-height : -header-height;
-fx-pref-height : -header-height;
-fx-background-insets: 0 0 0 0, 0.5 0.5 0 0.5, 1 1 0 1, 1.5 1 0 1;
-fx-background-radius: 10 10 0 0, 9.5 9.5 0 0, 9.5 9.5 0 0, 8.5 8.5 0 0 ;
-fx-background-color : rgb(200, 200, 200), rgb(236, 234, 234), rgb(245, 244, 244), -HEADER-BACKGROUND;
-fx-effect : dropshadow(gaussian, rgba(0,0,0,0.45), 1, 0, 0, 1.5);
}
.macos-header .macos-label {
-fx-font-family: 'SF Pro Display Bold';
-fx-font-size : 1em;
}
.macos-header:window-focus-lost {
-fx-background-color : rgb(229, 229, 229), rgb(197, 197, 197), rgb(243, 242, 242), rgb(231, 230, 230);
}
.macos-header:window-focus-lost .macos-label {
-fx-font-family: 'SF Pro Display Bold';
-fx-font-size : 1em;
-fx-text-fill : rgb(166, 164, 164);
}
.macos-header:dark {
-fx-background-color: rgb(2, 2, 2), linear-gradient(to bottom, rgb(117, 115, 115) 0%, rgb(99, 98, 98) 20%, rgb(99, 98, 98) 100%), rgb(133, 131, 132), -HEADER-BACKGROUND-DARK;
}
.macos-header:dark:window-focus-lost {
-fx-background-color: rgb(2, 2, 2), rgb(108, 105, 106), rgb(122, 121, 121), rgb(40, 37, 37);
}
.macos-header:dark:window-focus-lost .macos-label {
-fx-text-fill: rgb(103, 100, 100);
}
/* Windows content pane */
.macos-content-pane {
-fx-background-radius: 0 0 10 10, 0 0 9.5 9.5, 0 0 9.5 9.5;
-fx-background-insets: 0 0 0 0, 0 0.5 0.5 0.5, 0 1 1 1;
-fx-background-color : rgba(2, 2, 2, 0.1), rgb(237, 239, 239), rgb(235, 233, 233);
}
.macos-content-pane:dark {
-fx-background-color: rgb(2, 2, 2), rgb(84, 82, 81), rgb(32, 28, 28);
}
/* Toolbar Button */
.macos-toolbar-button,
.macos-toolbar-button:focused {
-shape : "";
-fx-min-width : 28;
-fx-pref-width : 28;
-fx-min-height : 28;
-fx-max-height : 28;
-fx-pref-height : 28;
-fx-background-insets: 0;
-fx-padding : 0;
-fx-background-radius: 5;
-fx-background-color : transparent;
-fx-text-fill : rgb(176, 174, 174);
-fx-alignment : CENTER;
-fx-content-display : LEFT;
-fx-font-family : 'SF Pro Regular';
-fx-font-size : 10px;
-fx-content-display : graphic-only;
-fx-graphic-text-gap : 0;
}
.macos-toolbar-button > .icon,
.macos-toolbar-button:focused > .icon {
-fx-min-width : 12;
-fx-min-height : 12;
-fx-max-width : 12;
-fx-max-height : 12;
-fx-pref-width : 12;
-fx-pref-height : 12;
-fx-background-radius: 0;
-fx-position-shape : true;
-fx-scale-shape : false;
-fx-shape : -shape;
-fx-background-color : rgb(176, 174, 174);
}
.macos-toolbar-button:hover {
-fx-background-color : rgb(228, 226, 225);
-fx-text-fill : rgb(99, 97, 96);
}
.macos-toolbar-button:hover > .icon {
-fx-fill: rgb(99, 97, 96);
}
.macos-toolbar-button:armed {
-fx-background-color : rgb(215, 213, 212);
-fx-text-fill : rgb(87, 85, 85);
}
.macos-toolbar-button:armed > .icon {
-fx-fill: rgb(87, 85, 85);
}
.macos-toolbar-button:disabled {
}
.macos-toolbar-button:dark,
.macos-toolbar-button:dark:focused {
-fx-background-color : transparent;
-fx-text-fill : rgb(91, 88, 88);
}
.macos-toolbar-button:dark > .icon,
.macos-toolbar-button:dark:focused > .icon {
-fx-shape : -shape;
-fx-background-color: rgb(91, 88, 88);
}
.macos-toolbar-button:dark:hover {
-fx-background-color: rgb(72, 68, 68);
-fx-text-fill : rgb(174, 172, 172);
}
.macos-toolbar-button:dark:hover > .icon {
-fx-background-color: rgb(174, 172, 172);
}
.macos-toolbar-button:dark:armed {
-fx-background-color: rgb(83, 80, 80);
-fx-text-fill : rgb(239, 239, 239);
}
.macos-toolbar-button:dark:armed > .icon {
-fx-background-color: rgb(239, 239, 239);
}
.macos-toolbar-button:dark:disabled {
}
/* ComboBox */
.combo-box-base,
.combo-box-base:focused {
-arrow-button-color : -accent-color;
-fx-background-color : linear-gradient(to bottom, #cac7c7, #b3b0b0), white;
-fx-background-insets: 0, 0.5;
-fx-background-radius: 5, 5;
-fx-padding : 0.166666em 0.166666em 0.166666em 0.666666em;
-fx-text-fill : -text-color;
-fx-alignment : CENTER;
-fx-content-display : LEFT;
-fx-min-height : 20px;
-fx-max-height : 20px;
-fx-pref-height : 20px;
}
.combo-box-base > .arrow-button,
.combo-box-base:focused > .arrow-button,
.combo-box-base:showing > .arrow-button {
-fx-background-color : linear-gradient(to bottom, derive(-arrow-button-color, 15%), derive(-arrow-button-color, -15%)), -arrow-button-color;
-fx-background-insets: 0, 0.5;
-fx-background-radius: 4, 4;
-fx-border-radius : 4, 4;
-fx-padding : 1 4.5 1 4.5;
-fx-min-width : 16;
-fx-max-width : 16;
-fx-pref-width : 16;
-fx-min-height : 16;
-fx-max-height : 16;
-fx-pref-height : 16;
-fx-effect : dropshadow(gaussian, rgba(0,0,0,0.2), 4, 0, 0, 1);
}
.combo-box-base:window-focus-lost > .arrow-button {
-fx-background-color : transparent, transparent;
-fx-background-insets: 0, 0.5;
-fx-background-radius: 4, 4;
-fx-border-radius : 4, 4;
-fx-padding : 1 4.5 1 4.5;
-fx-min-width : 16;
-fx-max-width : 16;
-fx-pref-width : 16;
-fx-min-height : 16;
-fx-max-height : 16;
-fx-pref-height : 16;
-fx-effect : none;
}
.combo-box-base > .arrow-button > .arrow {
-fx-background-insets: -0.5, 1.25;
-fx-background-color : white, -arrow-button-color;
-fx-padding : 4.95 3.075 4.95 3.075;
-fx-shape : "M 5 6.5 L 8 3.15 L 11 6.5 z M 11 9.65 L 8 13 5 9.65 z";
}
.combo-box-base:window-focus-lost > .arrow-button > .arrow {
-fx-background-insets: -0.5, 1.25;
-fx-background-color : black, white;
}
.combo-box-base:disabled {
-fx-opacity: 1.0;
}
.combo-box-base > .text-field:disabled,
.combo-box-base > .arrow-button:disabled,
.combo-box-base > .list-cell:disabled {
-fx-opacity: 0.5;
}
.combo-box > .list-cell {
-fx-font-family : 'SF Pro';
-fx-font-size : 13;
-fx-text-fill : -text-color;
-fx-border-style: none;
-fx-border-color: transparent;
-fx-padding : -1 0 0 0;
}
.combo-box .macos-combo-box-cell {
-fx-font-family : 'SF Pro';
-fx-font-size : 13;
-fx-text-fill : -text-color;
}
.macos-combo-box-cell,
.macos-combo-box-cell:odd,
.macos-combo-box-cell:even {
-fx-background-color: derive(rgb(237, 236, 236), -5%);
-fx-text-fill : -text-color;
-fx-border-style : none;
-fx-border-color : transparent;
}
.combo-box-popup > .list-view {
-fx-background-color : -HEADER-BACKGROUND-DARK;
-fx-padding : 0;
-fx-background-insets: 0;
-fx-background-radius: 5;
-fx-border-radius : 5;
-fx-border-insets : 0;
-fx-border-color : #585858;
-fx-effect : dropshadow(gaussian, rgba(0,0,0,0.2), 8, 0, 0, 8);
}
.combo-box-popup > .list-view > .virtual-flow > .clipped-container > .sheet > .macos-combo-box-cell {
-fx-background-color: derive(rgb(237, 236, 236), -5%);
}
.combo-box-popup > .list-view > .virtual-flow > .clipped-container > .sheet > .macos-combo-box-cell:filled:hover {
-fx-background-color : derive(rgb(237, 236, 236), -5%), -accent-color;
-fx-background-insets: 0, 2;
-fx-background-radius: 0, 4;
-fx-text-fill : -text-color;
}
.combo-box-popup > .list-view > .virtual-flow > .clipped-container > .sheet > .macos-combo-box-cell:filled:selected {
-fx-background-color : derive(rgb(237, 236, 236), -5%);
}
.combo-box-popup > .list-view > .virtual-flow > .clipped-container > .sheet > .macos-combo-box-cell:filled:selected:hover {
-fx-background-color : derive(rgb(237, 236, 236), -5%), -accent-color;
-fx-background-insets: 0, 2;
-fx-background-radius: 0, 4;
}
.combo-box-base:dark,
.combo-box-base:dark:focused {
-arrow-button-color : -accent-color-dark;
-fx-background-color : linear-gradient(to bottom, derive(rgb(101, 101, 101), 15%), derive(rgb(101, 101, 101),-15%)), rgb(101, 101, 101);
-fx-background-insets: 0, 0.5;
-fx-background-radius: 5, 5;
-fx-padding : 0.166666em 0.166666em 0.166666em 0.666666em;
-fx-text-fill : -text-color;
-fx-alignment : CENTER;
-fx-content-display : LEFT;
-fx-min-height : 20px;
-fx-max-height : 20px;
-fx-pref-height : 20px;
}
.combo-box-base:dark > .arrow-button,
.combo-box-base:dark:focused > .arrow-button,
.combo-box-base:dark:showing > .arrow-button {
-fx-background-color : linear-gradient(to bottom, derive(-arrow-button-color, 20%), derive(-arrow-button-color, -20%)), -arrow-button-color;
-fx-background-insets: 0, 0.5;
-fx-background-radius: 4, 4;
-fx-border-radius : 4, 4;
-fx-padding : 1 4.5 1 4.5;
-fx-min-width : 16;
-fx-max-width : 16;
-fx-pref-width : 16;
-fx-min-height : 16;
-fx-max-height : 16;
-fx-pref-height : 16;
-fx-effect : dropshadow(gaussian, rgba(0,0,0,0.2), 4, 0, 0, 1);
}
.combo-box-base:dark:window-focus-lost > .arrow-button {
-fx-background-color : transparent;
-fx-background-insets: 0;
-fx-background-radius: 3;
-fx-border-radius : 3;
-fx-padding : 1 4.5 1 4.5;
-fx-min-width : 16;
-fx-max-width : 16;
-fx-pref-width : 16;
-fx-min-height : 16;
-fx-max-height : 16;
-fx-pref-height : 16;
}
.combo-box-base:dark > .arrow-button > .arrow,
.combo-box-base:dark:focused > .arrow-button > .arrow,
.combo-box-base:dark:showing > .arrow-button > .arrow {
-fx-background-insets: -0.5, 1.25;
-fx-background-color : white, -arrow-button-color;
-fx-padding : 4.95 3.075 4.95 3.075;
-fx-shape : "M 5 6.5 L 8 3.15 L 11 6.5 z M 11 9.65 L 8 13 5 9.65 z";
}
.combo-box-base:dark:disabled {
-fx-opacity: 1.0;
}
.combo-box-base:dark > .text-field:disabled,
.combo-box-base:dark > .arrow-button:disabled,
.combo-box-base:dark > .list-cell:disabled {
-fx-opacity: 0.5;
}
.combo-box:dark > .list-cell {
-fx-font-family: 'SF Pro';
-fx-font-size : 13;
-fx-text-fill : -text-color-dark;
-fx-padding : -1 0 0 0;
}
.combo-box:dark .macos-combo-box-cell:dark {
-fx-font-family: 'SF Pro';
-fx-font-size : 13;
-fx-text-fill : -text-color-dark;
}
.macos-combo-box-cell:dark,
.macos-combo-box-cell:dark:odd,
.macos-combo-box-cell:dark:even {
-fx-background-color: -HEADER-BACKGROUND-DARK;
-fx-text-fill : -text-color-dark;
-fx-border-style : none;
-fx-border-color : transparent;
}
.combo-box-popup > .list-view > .virtual-flow > .clipped-container > .sheet > .macos-combo-box-cell:dark {
-fx-background-color: derive(-HEADER-BACKGROUND-DARK, -5%);
}
.combo-box-popup > .list-view > .virtual-flow > .clipped-container > .sheet > .macos-combo-box-cell:dark:filled:hover {
-fx-background-color : -HEADER-BACKGROUND-DARK, -accent-color-dark;
-fx-background-insets: 0, 2;
-fx-background-radius: 0, 4;
-fx-text-fill : -text-color-dark;
}
.combo-box-popup > .list-view > .virtual-flow > .clipped-container > .sheet > .macos-combo-box-cell:dark:filled:selected {
-fx-background-color: -HEADER-BACKGROUND-DARK;
}
.combo-box-popup > .list-view > .virtual-flow > .clipped-container > .sheet > .macos-combo-box-cell:dark:filled:selected:hover {
-fx-background-color : -HEADER-BACKGROUND-DARK, -accent-color-dark;
-fx-background-insets: 0, 2;
-fx-background-radius: 0, 4;
}
/* ToggleButton */
.macos-toggle-button,
.macos-toggle-button:focused,
.macos-toggle-button:window-focus-lost {
-fx-background-color : transparent;
-fx-background-insets: 0 0 -1 0, 0, 1, 2;
-fx-background-radius: 0;
-fx-padding : 2 4 2 4;
-fx-text-fill : -text-color;
-fx-alignment : CENTER;
-fx-content-display : CENTER;
}
.macos-toggle-button:selected,
.macos-toggle-button:selected:focused {
-fx-background-color : linear-gradient(to bottom, rgb(203, 202, 202) 0%, rgb(208, 207, 207) 10%, rgb(200, 198, 198) 90%, rgb(175, 174, 174) 100%), rgb(255, 255, 255);
-fx-background-radius: 5, 4;
}
.macos-toggle-button:pressed,
.macos-toggle-button:pressed:selected {
-fx-background-color : linear-gradient(to bottom, rgb(183, 182, 182) 0%, rgb(153, 152, 152) 100%), rgb(240, 240, 240);
-fx-background-radius: 5, 4;
}
.macos-toggle-button:dark,
.macos-toggle-button:dark:focused,
.macos-toggle-button:dark:window-focus-lost {
-fx-background-color: transparent;
-fx-text-fill : -text-color-dark;
}
.macos-toggle-button:dark:selected,
.macos-toggle-button:dark:selected:focused {
-fx-background-color : rgb(105, 103, 103);
-fx-background-radius: 5;
}
.macos-toggle-button:dark:pressed,
.macos-toggle-button:dark:pressed:selected {
-fx-background-color : rgb(125, 123, 123);
-fx-background-radius: 5;
}
/* ToggleButtonBar */
.macos-toggle-button-bar {
-fx-min-height : 22;
-fx-max-height : 22;
-fx-pref-height : 22;
-fx-background-color : linear-gradient(to bottom, rgb(199, 198, 198) 0%, rgb(218, 216, 216) 100%),
linear-gradient(to bottom, rgb(222, 221, 221) 0%, rgb(227, 225, 225) 10%, rgb(227, 225, 225) 90%, rgb(222, 221, 221) 100%);
-fx-background-radius: 5, 4;
-fx-background-insets: 0, 1;
-fx-padding : 1;
-fx-fill-height : true;
-fx-spacing : 3;
}
.macos-toggle-button-bar:dark {
-fx-background-color : linear-gradient(to bottom, rgb(52, 51, 49) 0%, rgb(51, 49, 48) 85%, rgb(81, 80, 78) 100%),
linear-gradient(to bottom, rgb(42, 38, 38) 0%, rgb(46, 43, 42) 100%);
}
/* ToggleButtonBarSeparator */
.macos-toggle-button-bar-separator {
-fx-min-width : 3;
-fx-max-width : 3;
-fx-pref-width : 3;
-fx-min-height : 20;
-fx-max-height : 20;
-fx-pref-height : 20;
-fx-position-shape : true;
-fx-shape : "M0,0L1,0L1,22L0,22,L0,0z";
-fx-border-color : transparent;
-fx-background-insets: 0, 2;
-fx-background-color : transparent, linear-gradient(to bottom, transparent 0%, transparent 15%, rgb(207, 205, 205) 15%, rgb(207, 205, 205) 85%, transparent 85%, transparent 100%);
}
.macos-toggle-button-bar-separator:dark {
-fx-background-color : transparent, linear-gradient(to bottom, transparent 0%, transparent 15%, rgb(37, 34, 33) 15%, rgb(37, 34, 33) 85%, transparent 85%, transparent 100%);
}
/* Plus-Minus-Button */
.macos-add-remove-button {
-fx-min-width : 51;
-fx-min-height : 22;
-fx-max-width : 51;
-fx-max-height : 22;
-fx-pref-width : 51;
-fx-pref-height : 22;
-fx-background-insets: 0, 0.5;
-fx-background-color : linear-gradient(to bottom, rgb(211, 210, 210) 0%, rgb(183, 182, 182) 100%), -WHITE;
-fx-background-radius: 6, 5;
-fx-padding : 1;
-txt-color : -text-color;
}
.macos-add-remove-button:dark {
-fx-background-color : linear-gradient(to bottom, rgb(136, 132, 132) 0%, rgb(26, 20, 21) 100%), -control-background-color-dark;
-fx-background-insets: 0, 0.5 0 0 0;
-txt-color : -text-color-dark;
}
.macos-add-remove-button > .macos-add-button {
-fx-min-width : 23;
-fx-min-height : 20;
-fx-max-width : 23;
-fx-max-height : 20;
-fx-pref-width : 23;
-fx-pref-height : 20;
-fx-background-radius: 5 0 0 5;
-fx-background-insets: 0;
-fx-background-color : -WHITE;
}
.macos-add-remove-button:dark > .macos-add-button:dark {
-fx-min-width : 23;
-fx-min-height : 20;
-fx-max-width : 23;
-fx-max-height : 20;
-fx-pref-width : 23;
-fx-pref-height : 20;
-fx-background-radius: 5 0 0 5;
-fx-background-insets: 0;
-fx-background-color : -control-background-color-dark;
}
.macos-add-remove-button > .macos-add-button:armed {
-fx-background-color : derive(-control-background-color, +20%);
-fx-background-insets: 0;
}
.macos-add-remove-button:dark > .macos-add-button:dark:armed {
-fx-background-color : derive(-control-background-color-dark, +20%);
-fx-background-insets: 0;
}
.macos-add-remove-button > .macos-add-button > .macos-plus-icon {
-fx-min-width : 10.5;
-fx-min-height : 10.5;
-fx-max-width : 10.5;
-fx-max-height : 10.5;
-fx-pref-width : 10.5;
-fx-pref-height : 10.5;
-fx-background-color: rgb(38, 38, 38);
-fx-position-shape : true;
-fx-scale-shape : false;
-fx-shape : "M4.5,4.5l0,-3.75c0,-0.414 0.336,-0.75 0.75,-0.75c0.414,0 0.75,0.336 0.75,0.75l-0,3.75l3.75,0c0.414,0 0.75,0.336 0.75,0.75c0,0.414 -0.336,0.75 -0.75,0.75l-3.75,-0l-0,3.75c-0,0.414 -0.336,0.75 -0.75,0.75c-0.414,0 -0.75,-0.336 -0.75,-0.75l0,-3.75l-3.75,-0c-0.414,-0 -0.75,-0.336 -0.75,-0.75c0,-0.414 0.336,-0.75 0.75,-0.75l3.75,0Z";
}
.macos-add-remove-button:dark > .macos-add-button:dark > .macos-plus-icon:dark {
-fx-background-color: rgb(231, 230, 230);
}
.macos-add-remove-button > .macos-remove-button {
-fx-min-width : 23;
-fx-min-height : 20;
-fx-max-width : 23;
-fx-max-height : 20;
-fx-pref-width : 23;
-fx-pref-height : 20;
-fx-background-radius: 0 5 5 0;
-fx-background-insets: 0;
-fx-background-color : -WHITE;
}
.macos-add-remove-button:dark > .macos-remove-button:dark {
-fx-min-width : 23;
-fx-min-height : 20;
-fx-max-width : 23;
-fx-max-height : 20;
-fx-pref-width : 23;
-fx-pref-height : 20;
-fx-background-radius: 0 5 5 0;
-fx-background-insets: 0;
-fx-background-color : -control-background-color-dark;
}
.macos-add-remove-button > .macos-remove-button:armed {
-fx-background-color : derive(-control-background-color, +20%);
-fx-background-insets: 0;
}
.macos-add-remove-button:dark > .macos-remove-button:dark:armed {
-fx-background-color : derive(-control-background-color-dark, +20%);
-fx-background-insets: 0;
}
.macos-add-remove-button > .macos-remove-button > .macos-minus-icon {
-fx-min-width : 10.5;
-fx-min-height : 10.5;
-fx-max-width : 10.5;
-fx-max-height : 10.5;
-fx-pref-width : 10.5;
-fx-pref-height : 10.5;
-fx-background-color: rgb(38, 38, 38);
-fx-position-shape : true;
-fx-scale-shape : false;
-fx-shape : "M10.5,5.25c-0,-0.416 -0.338,-0.755 -0.755,-0.755l-8.99,0c-0.417,0 -0.755,0.339 -0.755,0.755c0,0.416 0.338,0.755 0.755,0.755l8.99,-0c0.417,-0 0.755,-0.339 0.755,-0.755Z";
}
.macos-add-remove-button:dark > .macos-remove-button:dark > .macos-minus-icon:dark {
-fx-background-color: rgb(231, 230, 230);
}
.macos-add-remove-button > .macos-toggle-button-bar-separator {
-fx-min-width : 3;
-fx-max-width : 3;
-fx-pref-width : 3;
-fx-min-height : 20;
-fx-max-height : 20;
-fx-pref-height : 20;
-fx-position-shape : true;
-fx-shape : "M0,0L1,0L1,22L0,22,L0,0z";
-fx-border-color : transparent;
-fx-background-insets: 0, 2;
-fx-background-color : transparent, linear-gradient(to bottom, transparent 0%, transparent 10%, rgb(229, 229, 229) 10%, rgb(229, 229, 229) 90%, transparent 90%, transparent 100%);
}
.macos-add-remove-button:dark > .macos-toggle-button-bar-separator:dark {
-fx-background-color : transparent, linear-gradient(to bottom, transparent 0%, transparent 10%, rgb(70, 70, 70) 10%, rgb(70, 70, 70) 90%, transparent 90%, transparent 100%);
}
.macos-add-remove-button > .macos-add-button:disabled > .macos-plus-icon,
.macos-add-remove-button > .macos-remove-button:disabled > .macos-minus-icon {
-fx-background-color: rgb(140, 140, 140);
}
.macos-add-remove-button:dark > .macos-add-button:dark:disabled > .macos-plus-icon:dark,
.macos-add-remove-button:dark > .macos-remove-button:dark:disabled > .macos-minus-icon:dark {
-fx-background-color: rgb(180, 180, 180);
}
/* Switch based on CheckBox */
.macos-checkbox-switch {
-bkg-color : -LIGHT-CTRL-BACKGROUND;
-thumb-color: -WHITE;
}
.macos-checkbox-switch:selected {
-bkg-color: -accent-color;
}
.macos-checkbox-switch:selected:window-focus-lost {
-bkg-color: rgb(179, 179, 179);
}
.macos-checkbox-switch .switch-background {
-fx-background-radius: 2em;
-fx-background-color : -bkg-color;
}
.macos-checkbox-switch .switch-background .switch-one {
-fx-fill: -WHITE;
}
.macos-checkbox-switch .switch-background .switch-zero {
-fx-fill : transparent;
-fx-stroke: rgb(140, 140, 140);
}
.macos-checkbox-switch .switch-background .switch-thumb {
-fx-fill: -thumb-color;
}
.macos-checkbox-switch:dark {
-bkg-color: -DARK-CTRL-BACKGROUND;
}
.macos-checkbox-switch:dark:selected {
-bkg-color: -accent-color-dark;
}
.macos-checkbox-switch:dark:selected:window-focus-lost {
-bkg-color: rgb(106, 105, 104);
}
.macos-checkbox-switch:dark .switch-background .switch-one {
-fx-fill: -WHITE;
}
.macos-checkbox-switch:dark .switch-background .switch-zero {
-fx-fill : transparent;
-fx-stroke: rgb(175, 175, 175);
}© 2015 - 2025 Weber Informatics LLC | Privacy Policy