CSS minor changes
This commit is contained in:
Dmitry Isaenko 2019-05-26 00:28:49 +03:00
parent b75c2ef3c5
commit 013d97ed1e
2 changed files with 27 additions and 12 deletions

View file

@ -24,7 +24,6 @@
-fx-background-color: #6a6a6a; -fx-background-color: #6a6a6a;
-fx-border-color: #6a6a6a; -fx-border-color: #6a6a6a;
} }
.button:pressed, .button:pressed:hover{ .button:pressed, .button:pressed:hover{
-fx-background-color: #4f4f4f; -fx-background-color: #4f4f4f;
-fx-border-color: #e82382; -fx-border-color: #e82382;
@ -138,9 +137,12 @@
.tab-pane .tab SVGPath{ .tab-pane .tab SVGPath{
-fx-fill: #f7fafa; -fx-fill: #f7fafa;
} }
.tab-pane .tab:selected SVGPath{ .tab-pane .tab:selected SVGPath, .tab-pane .tab:selected:hover SVGPath{
-fx-fill: #08f3ff; -fx-fill: #08f3ff;
} }
.tab-pane .tab:hover SVGPath{
-fx-fill: #7effff;
}
.tab-pane .tab{ .tab-pane .tab{
-fx-background-color: #424242; -fx-background-color: #424242;
-fx-focus-color: transparent; -fx-focus-color: transparent;
@ -178,6 +180,7 @@
-fx-background-image: url(app_logo.png); -fx-background-image: url(app_logo.png);
-fx-background-position: center; -fx-background-position: center;
-fx-background-repeat: no-repeat; -fx-background-repeat: no-repeat;
-fx-background-radius: 3;
-fx-border-color: #00ffc9; -fx-border-color: #00ffc9;
-fx-border-radius: 3; -fx-border-radius: 3;
-fx-border-width: 2; -fx-border-width: 2;

View file

@ -11,8 +11,7 @@
-fx-border-radius: 3; -fx-border-radius: 3;
-fx-border-width: 2; -fx-border-width: 2;
-fx-text-fill: #2c2c2c; -fx-text-fill: #2c2c2c;
-fx-effect: dropshadow(three-pass-box, #b4b4b4, 2, 0, 0, 0); -fx-effect: dropshadow(three-pass-box, #cccccc, 2, 0, 0, 0);
} }
.button:hover, .buttonStop:hover, .buttonUp:hover, .choice-box:hover, .button:focused:hover, .buttonStop:focused:hover, .buttonUp:focused:hover, .buttonSelect:focused:hover, .choice-box:focused:hover{ .button:hover, .buttonStop:hover, .buttonUp:hover, .choice-box:hover, .button:focused:hover, .buttonStop:focused:hover, .buttonUp:focused:hover, .buttonSelect:focused:hover, .choice-box:focused:hover{
-fx-background-color: #fefefe; -fx-background-color: #fefefe;
@ -20,10 +19,15 @@
-fx-border-radius: 3; -fx-border-radius: 3;
-fx-border-width: 2; -fx-border-width: 2;
-fx-text-fill: #2c2c2c; -fx-text-fill: #2c2c2c;
-fx-effect: dropshadow(three-pass-box, #00caca, 2, 0, 0, 0);
} }
.button:focused, .buttonStop:focused, .buttonUp:focused, .buttonSelect:focused, .choice-box:focused{ .button:focused, .buttonStop:focused, .buttonUp:focused, .buttonSelect:focused, .choice-box:focused{
-fx-background-color: #cccccc; -fx-background-color: #cccccc;
-fx-border-color: #cccccc; -fx-border-color: #cccccc;
-fx-border-radius: 3;
-fx-border-width: 2;
-fx-text-fill: #2c2c2c;
-fx-effect: dropshadow(three-pass-box, #cccccc, 2, 0, 0, 0);
} }
.button:pressed, .button:pressed:hover{ .button:pressed, .button:pressed:hover{
@ -32,6 +36,7 @@
-fx-border-radius: 3; -fx-border-radius: 3;
-fx-border-width: 2; -fx-border-width: 2;
-fx-text-fill: #2c2c2c; -fx-text-fill: #2c2c2c;
-fx-effect: dropshadow(three-pass-box, #e82382, 2, 0, 0, 0);
} }
.buttonSelect:pressed, .buttonSelect:pressed:hover{ .buttonSelect:pressed, .buttonSelect:pressed:hover{
-fx-background-color: #fefefe; -fx-background-color: #fefefe;
@ -39,6 +44,7 @@
-fx-border-radius: 3; -fx-border-radius: 3;
-fx-border-width: 2; -fx-border-width: 2;
-fx-text-fill: #2c2c2c; -fx-text-fill: #2c2c2c;
-fx-effect: dropshadow(three-pass-box, #289de8, 2, 0, 0, 0);
} }
.buttonUp:pressed, .buttonUp:pressed:hover{ .buttonUp:pressed, .buttonUp:pressed:hover{
-fx-background-color: #fefefe; -fx-background-color: #fefefe;
@ -46,6 +52,7 @@
-fx-border-radius: 3; -fx-border-radius: 3;
-fx-border-width: 2; -fx-border-width: 2;
-fx-text-fill: #2c2c2c; -fx-text-fill: #2c2c2c;
-fx-effect: dropshadow(three-pass-box, #a2e019, 2, 0, 0, 0);
} }
.buttonStop:pressed, .buttonStop:pressed:hover{ .buttonStop:pressed, .buttonStop:pressed:hover{
-fx-background-color: #fefefe; -fx-background-color: #fefefe;
@ -53,6 +60,7 @@
-fx-border-radius: 3; -fx-border-radius: 3;
-fx-border-width: 2; -fx-border-width: 2;
-fx-text-fill: #2c2c2c; -fx-text-fill: #2c2c2c;
-fx-effect: dropshadow(three-pass-box, #fb582c, 2, 0, 0, 0);
} }
// -========================+ TextArea =====================- // -========================+ TextArea =====================-
.text-area{ .text-area{
@ -136,27 +144,30 @@
// -======================== TAB PANE =========================- // -======================== TAB PANE =========================-
.tab-pane .tab SVGPath{ .tab-pane .tab SVGPath{
-fx-fill: #2c2c2c; // OK -fx-fill: #2c2c2c;
} }
.tab-pane .tab:selected SVGPath{ .tab-pane .tab:selected SVGPath, .tab-pane .tab:selected:hover SVGPath{
-fx-fill: #289de8; // OK -fx-fill: #289de8;
}
.tab-pane .tab:hover SVGPath{
-fx-fill: #1c6fa2;
} }
.tab-pane .tab{ .tab-pane .tab{
-fx-background-color: #fefefe; //ok -fx-background-color: #fefefe;
-fx-focus-color: transparent; -fx-focus-color: transparent;
-fx-faint-focus-color: transparent; -fx-faint-focus-color: transparent;
-fx-border-radius: 0 0 0 0; -fx-border-radius: 0 0 0 0;
-fx-border-width: 3 0 0 0; -fx-border-width: 3 0 0 0;
-fx-border-color: #fefefe; //OK -fx-border-color: #fefefe;
} }
.tab-pane .tab:selected{ .tab-pane .tab:selected{
-fx-background-color: #ebebeb; // OK -fx-background-color: #ebebeb;
-fx-focus-color: transparent; -fx-focus-color: transparent;
-fx-faint-focus-color: transparent; -fx-faint-focus-color: transparent;
-fx-border-radius: 0 0 0 0; -fx-border-radius: 0 0 0 0;
-fx-border-width: 3 0 0 0; -fx-border-width: 3 0 0 0;
-fx-border-color: #289de8; // OK -fx-border-color: #289de8;
} }
.tab-pane > .tab-header-area { .tab-pane > .tab-header-area {
@ -166,7 +177,7 @@
.tab-pane > .tab-header-area > .tab-header-background .tab-pane > .tab-header-area > .tab-header-background
{ {
-fx-background-color: #fefefe; // OK -fx-background-color: #fefefe;
} }
.tab-pane > .tab-header-area > .headers-region > .tab { .tab-pane > .tab-header-area > .headers-region > .tab {
@ -178,6 +189,7 @@
-fx-background-image: url(app_logo.png); -fx-background-image: url(app_logo.png);
-fx-background-position: center; -fx-background-position: center;
-fx-background-repeat: no-repeat; -fx-background-repeat: no-repeat;
-fx-background-radius: 3;
-fx-border-color: #06b9bb; -fx-border-color: #06b9bb;
-fx-border-radius: 3; -fx-border-radius: 3;
-fx-border-width: 2; -fx-border-width: 2;