mirror of
https://github.com/bisq-network/bisq.git
synced 2025-03-03 10:46:54 +01:00
Redesign tabs
This commit is contained in:
parent
a0f6bec4f9
commit
e7a0edff7f
1 changed files with 58 additions and 2 deletions
|
@ -87,6 +87,11 @@ bg color of non edit textFields: fafafa
|
|||
-bs-green: #25B135; /* 6 usages */
|
||||
-bs-dark-green: #3DA34B;
|
||||
-bs-new-grey: #D8D8D8;
|
||||
-bs-new-grey-background: #F2F2F2;
|
||||
-bs-new-grey-background-darker: #D0D0D0;
|
||||
-bs-new-grey-darker: #E1E1E1;
|
||||
-bs-font-dark: #4B4B4B;
|
||||
-bs-font-light: #8D8D8D;
|
||||
-bs-red: #D73030; /* 5 usages */
|
||||
-fx-box-border: -bs-new-grey;
|
||||
|
||||
|
@ -609,8 +614,59 @@ textfield */
|
|||
* *
|
||||
******************************************************************************/
|
||||
|
||||
.tab-pane .tab-label {
|
||||
-fx-font-size: 1.154em;
|
||||
.tab-pane {
|
||||
-fx-border-color: -bs-new-grey;
|
||||
}
|
||||
|
||||
.tab-pane > .tab-header-area > .headers-region > .tab {
|
||||
-fx-background-insets: 1 2 0 2;
|
||||
-fx-background-radius: 0 0 0 0;
|
||||
-fx-padding: 0.083333em 2em 0.0769em 2em; /* 1 6 0.99 6 -fx-padding: 0 30 0 30;*/
|
||||
}
|
||||
|
||||
.tab-pane > .tab-header-area > .headers-region > .tab:top {
|
||||
-fx-background-color: -bs-new-grey-darker;
|
||||
}
|
||||
|
||||
.tab-pane > .tab-header-area > .headers-region > .tab:right {
|
||||
-fx-background-color: -bs-new-grey-darker;
|
||||
}
|
||||
|
||||
.tab-pane > .tab-header-area > .headers-region > .tab:bottom {
|
||||
-fx-background-color: -bs-new-grey-darker;
|
||||
}
|
||||
|
||||
.tab-pane > .tab-header-area > .headers-region > .tab:left {
|
||||
-fx-background-color: -bs-new-grey-darker;
|
||||
}
|
||||
|
||||
.tab-pane:focused > .tab-header-area > .headers-region > .tab:selected .focus-indicator {
|
||||
-fx-border-width: 0, 0;
|
||||
-fx-border-color: -fx-focus-color, -fx-faint-focus-color;
|
||||
-fx-border-insets: -4 -4 -6 -5, -2 -2 -5 -3;
|
||||
-fx-border-radius: 0, 0; /* looks sharper if outer border has a tighter radius (2 instead of 3) */
|
||||
}
|
||||
|
||||
.tab-pane > .tab-header-area > .headers-region > .tab:selected {
|
||||
-fx-background-color: -bs-new-grey-background;
|
||||
-fx-background-insets: 0 1 0 1;
|
||||
}
|
||||
|
||||
.tab-pane:focused > .tab-header-area > .headers-region > .tab:bottom:selected .focus-indicator {
|
||||
-fx-border-insets: -6 -5 -4 -4, -5 -3 -2 -2;
|
||||
}
|
||||
|
||||
.tab-pane > .tab-header-area > .tab-header-background {
|
||||
/* TODO should not be using text-box-border I think? */
|
||||
-fx-background-color: -bs-new-grey-background-darker;
|
||||
}
|
||||
|
||||
.tab-pane > .tab-header-area > .headers-region > .tab .tab-label {
|
||||
-fx-text-fill: -bs-font-light;
|
||||
}
|
||||
|
||||
.tab-pane > .tab-header-area > .headers-region > .tab:selected .tab-label {
|
||||
-fx-text-fill: -bs-font-dark;
|
||||
}
|
||||
|
||||
.tab-pane:focused {
|
||||
|
|
Loading…
Add table
Reference in a new issue