Use new logo and colors
|
@ -5,6 +5,12 @@ logo colors:
|
||||||
blue: 0096c9
|
blue: 0096c9
|
||||||
dark grey: #333333
|
dark grey: #333333
|
||||||
|
|
||||||
|
new blue: 0f87c3
|
||||||
|
new grey: 666666
|
||||||
|
|
||||||
|
00abff
|
||||||
|
|
||||||
|
|
||||||
main bg grey: dddddd
|
main bg grey: dddddd
|
||||||
content bg grey: f4f4f4
|
content bg grey: f4f4f4
|
||||||
tab pane upper bg gradient color mid dark grey to bright grey: cfcfcf -> dddddd
|
tab pane upper bg gradient color mid dark grey to bright grey: cfcfcf -> dddddd
|
||||||
|
@ -15,11 +21,15 @@ lower gradient color on tab: dddddd
|
||||||
*/
|
*/
|
||||||
|
|
||||||
.root {
|
.root {
|
||||||
-bs-theme-color: #0096c9;
|
|
||||||
-bs-dark-grey: #333333;
|
-bs-dark-grey: #333333;
|
||||||
-bs-bg-grey: #dddddd;
|
-bs-bg-grey: #dddddd;
|
||||||
}
|
|
||||||
|
|
||||||
|
-fx-accent: #0f87c3;
|
||||||
|
-fx-default-button: derive(-fx-accent,100%);
|
||||||
|
-fx-focus-color: -fx-accent;
|
||||||
|
-fx-faint-focus-color: #0f87c322;
|
||||||
|
-fx-selection-bar: derive(-fx-accent,50%);
|
||||||
|
}
|
||||||
|
|
||||||
/* Splash */
|
/* Splash */
|
||||||
#splash {
|
#splash {
|
||||||
|
@ -71,6 +81,7 @@ lower gradient color on tab: dddddd
|
||||||
#nav-button:selected .text {
|
#nav-button:selected .text {
|
||||||
-fx-font-size: 11;
|
-fx-font-size: 11;
|
||||||
-fx-font-weight: bold;
|
-fx-font-weight: bold;
|
||||||
|
-fx-fill: -fx-accent;
|
||||||
}
|
}
|
||||||
|
|
||||||
#nav-alert-button {
|
#nav-alert-button {
|
||||||
|
@ -109,7 +120,7 @@ lower gradient color on tab: dddddd
|
||||||
}
|
}
|
||||||
|
|
||||||
.copy-icon {
|
.copy-icon {
|
||||||
-fx-text-fill: -bs-theme-color;
|
-fx-text-fill: -fx-accent;
|
||||||
-fx-cursor: hand;
|
-fx-cursor: hand;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
@ -117,9 +128,22 @@ lower gradient color on tab: dddddd
|
||||||
-fx-text-fill: black;
|
-fx-text-fill: black;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
||||||
|
/*******************************************************************************
|
||||||
|
* *
|
||||||
|
* Tooltip *
|
||||||
|
* *
|
||||||
|
******************************************************************************/
|
||||||
|
|
||||||
.tooltip {
|
.tooltip {
|
||||||
-fx-background-color: white;
|
-fx-background: rgba(30,30,30);
|
||||||
-fx-text-fill: black;
|
-fx-text-fill: black;
|
||||||
|
-fx-background-color: rgba(100,100,100,0.8);
|
||||||
|
-fx-background-radius: 6px;
|
||||||
|
-fx-background-insets: 0;
|
||||||
|
-fx-padding: 0.667em 0.75em 0.667em 0.75em; /* 10px */
|
||||||
|
-fx-effect: dropshadow( three-pass-box , rgba(0,0,0,0.5) , 10, 0.0 , 0 , 3 );
|
||||||
|
-fx-font-size: 0.85em;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
||||||
|
@ -133,7 +157,7 @@ textfield */
|
||||||
|
|
||||||
#address-text-field {
|
#address-text-field {
|
||||||
-fx-cursor: hand;
|
-fx-cursor: hand;
|
||||||
-fx-text-fill: -bs-theme-color;
|
-fx-text-fill: -fx-accent;
|
||||||
}
|
}
|
||||||
#address-text-field:hover {
|
#address-text-field:hover {
|
||||||
-fx-text-fill: black;
|
-fx-text-fill: black;
|
||||||
|
@ -169,7 +193,7 @@ textfield */
|
||||||
}
|
}
|
||||||
|
|
||||||
.table-view .table-row-cell .copy-icon .text {
|
.table-view .table-row-cell .copy-icon .text {
|
||||||
-fx-fill: -bs-theme-color;
|
-fx-fill: -fx-accent;
|
||||||
}
|
}
|
||||||
|
|
||||||
.table-view .table-row-cell .copy-icon .text:hover {
|
.table-view .table-row-cell .copy-icon .text:hover {
|
||||||
|
@ -185,7 +209,7 @@ textfield */
|
||||||
}
|
}
|
||||||
|
|
||||||
.table-view .table-row-cell .hyperlink .text {
|
.table-view .table-row-cell .hyperlink .text {
|
||||||
-fx-fill: -bs-theme-color;
|
-fx-fill: -fx-accent;
|
||||||
}
|
}
|
||||||
|
|
||||||
.table-view .table-row-cell .hyperlink .text:hover {
|
.table-view .table-row-cell .hyperlink .text:hover {
|
||||||
|
@ -200,6 +224,8 @@ textfield */
|
||||||
-fx-fill: black;
|
-fx-fill: black;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
#form-header-text {
|
#form-header-text {
|
||||||
-fx-font-weight: bold;
|
-fx-font-weight: bold;
|
||||||
-fx-font-size: 14;
|
-fx-font-size: 14;
|
||||||
|
@ -210,7 +236,7 @@ textfield */
|
||||||
}
|
}
|
||||||
|
|
||||||
#clickable-icon {
|
#clickable-icon {
|
||||||
-fx-text-fill: -bs-theme-color;
|
-fx-text-fill: -fx-accent;
|
||||||
-fx-cursor: hand;
|
-fx-cursor: hand;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
@ -395,7 +421,7 @@ textfield */
|
||||||
#wizard-title-selected {
|
#wizard-title-selected {
|
||||||
-fx-font-weight: bold;
|
-fx-font-weight: bold;
|
||||||
-fx-font-size: 16;
|
-fx-font-size: 16;
|
||||||
-fx-text-fill: -bs-theme-color;
|
-fx-text-fill: -fx-accent;
|
||||||
}
|
}
|
||||||
|
|
||||||
#account-settings-item-background-disabled {
|
#account-settings-item-background-disabled {
|
||||||
|
@ -442,7 +468,7 @@ textfield */
|
||||||
#titled-group-bg-label-active {
|
#titled-group-bg-label-active {
|
||||||
-fx-font-weight: bold;
|
-fx-font-weight: bold;
|
||||||
-fx-font-size: 14;
|
-fx-font-size: 14;
|
||||||
-fx-text-fill: -bs-theme-color;
|
-fx-text-fill: -fx-accent;
|
||||||
-fx-background-color: #f4f4f4;
|
-fx-background-color: #f4f4f4;
|
||||||
}
|
}
|
||||||
#titled-group-bg {
|
#titled-group-bg {
|
||||||
|
|
|
@ -241,6 +241,7 @@ public class RestrictionsViewCB extends CachedViewCB<RestrictionsPM> implements
|
||||||
final AnchorPane pane = new AnchorPane(label, removeButton);
|
final AnchorPane pane = new AnchorPane(label, removeButton);
|
||||||
|
|
||||||
{
|
{
|
||||||
|
label.setLayoutY(5);
|
||||||
removeButton.setId("icon-button");
|
removeButton.setId("icon-button");
|
||||||
AnchorPane.setRightAnchor(removeButton, 0d);
|
AnchorPane.setRightAnchor(removeButton, 0d);
|
||||||
}
|
}
|
||||||
|
@ -299,6 +300,7 @@ public class RestrictionsViewCB extends CachedViewCB<RestrictionsPM> implements
|
||||||
final AnchorPane pane = new AnchorPane(label, removeButton);
|
final AnchorPane pane = new AnchorPane(label, removeButton);
|
||||||
|
|
||||||
{
|
{
|
||||||
|
label.setLayoutY(5);
|
||||||
removeButton.setId("icon-button");
|
removeButton.setId("icon-button");
|
||||||
AnchorPane.setRightAnchor(removeButton, 0d);
|
AnchorPane.setRightAnchor(removeButton, 0d);
|
||||||
}
|
}
|
||||||
|
@ -343,11 +345,11 @@ public class RestrictionsViewCB extends CachedViewCB<RestrictionsPM> implements
|
||||||
final AnchorPane pane = new AnchorPane(label, removeButton);
|
final AnchorPane pane = new AnchorPane(label, removeButton);
|
||||||
|
|
||||||
{
|
{
|
||||||
|
label.setLayoutY(5);
|
||||||
removeButton.setId("icon-button");
|
removeButton.setId("icon-button");
|
||||||
AnchorPane.setRightAnchor(removeButton, 0d);
|
AnchorPane.setRightAnchor(removeButton, 0d);
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
||||||
@Override
|
@Override
|
||||||
public void updateItem(final Arbitrator item, boolean empty) {
|
public void updateItem(final Arbitrator item, boolean empty) {
|
||||||
super.updateItem(item, empty);
|
super.updateItem(item, empty);
|
||||||
|
|
|
@ -23,9 +23,9 @@
|
||||||
prefHeight="660.0" prefWidth="1000.0"
|
prefHeight="660.0" prefWidth="1000.0"
|
||||||
xmlns:fx="http://javafx.com/fxml">
|
xmlns:fx="http://javafx.com/fxml">
|
||||||
|
|
||||||
<VBox fx:id="leftVBox" spacing="5" prefWidth="200" AnchorPane.bottomAnchor="20" AnchorPane.leftAnchor="20"
|
<VBox fx:id="leftVBox" spacing="5" prefWidth="200" AnchorPane.bottomAnchor="20" AnchorPane.leftAnchor="15"
|
||||||
AnchorPane.topAnchor="20"/>
|
AnchorPane.topAnchor="20"/>
|
||||||
<AnchorPane fx:id="content" AnchorPane.bottomAnchor="10" AnchorPane.rightAnchor="30" AnchorPane.leftAnchor="250"
|
<AnchorPane fx:id="content" AnchorPane.bottomAnchor="10" AnchorPane.rightAnchor="25" AnchorPane.leftAnchor="250"
|
||||||
AnchorPane.topAnchor="30" prefWidth="720"/>
|
AnchorPane.topAnchor="30" prefWidth="720"/>
|
||||||
</AnchorPane>
|
</AnchorPane>
|
||||||
|
|
||||||
|
|
|
@ -22,6 +22,7 @@ import io.bitsquare.gui.Navigation;
|
||||||
import io.bitsquare.gui.PresentationModel;
|
import io.bitsquare.gui.PresentationModel;
|
||||||
import io.bitsquare.gui.ViewCB;
|
import io.bitsquare.gui.ViewCB;
|
||||||
import io.bitsquare.gui.main.account.content.ContextAware;
|
import io.bitsquare.gui.main.account.content.ContextAware;
|
||||||
|
import io.bitsquare.gui.util.Colors;
|
||||||
import io.bitsquare.util.ViewLoader;
|
import io.bitsquare.util.ViewLoader;
|
||||||
|
|
||||||
import java.io.IOException;
|
import java.io.IOException;
|
||||||
|
@ -45,7 +46,7 @@ import de.jensd.fx.fontawesome.AwesomeIcon;
|
||||||
import org.slf4j.Logger;
|
import org.slf4j.Logger;
|
||||||
import org.slf4j.LoggerFactory;
|
import org.slf4j.LoggerFactory;
|
||||||
|
|
||||||
class AccountSettingsViewCB extends CachedViewCB<AccountSettingsPM> {
|
public class AccountSettingsViewCB extends CachedViewCB<AccountSettingsPM> {
|
||||||
|
|
||||||
private static final Logger log = LoggerFactory.getLogger(AccountSettingsViewCB.class);
|
private static final Logger log = LoggerFactory.getLogger(AccountSettingsViewCB.class);
|
||||||
|
|
||||||
|
@ -219,7 +220,7 @@ class MenuItem extends ToggleButton {
|
||||||
selectedProperty().addListener((ov, oldValue, newValue) -> {
|
selectedProperty().addListener((ov, oldValue, newValue) -> {
|
||||||
if (newValue) {
|
if (newValue) {
|
||||||
setId("account-settings-item-background-selected");
|
setId("account-settings-item-background-selected");
|
||||||
icon.setTextFill(Paint.valueOf("#0096c9"));
|
icon.setTextFill(Colors.BLUE);
|
||||||
}
|
}
|
||||||
else {
|
else {
|
||||||
setId("account-settings-item-background-active");
|
setId("account-settings-item-background-active");
|
||||||
|
|
|
@ -22,9 +22,9 @@
|
||||||
<AnchorPane fx:id="root" fx:controller="io.bitsquare.gui.main.account.setup.AccountSetupViewCB"
|
<AnchorPane fx:id="root" fx:controller="io.bitsquare.gui.main.account.setup.AccountSetupViewCB"
|
||||||
xmlns:fx="http://javafx.com/fxml">
|
xmlns:fx="http://javafx.com/fxml">
|
||||||
|
|
||||||
<VBox fx:id="leftVBox" spacing="5" prefWidth="300" AnchorPane.bottomAnchor="20" AnchorPane.leftAnchor="20"
|
<VBox fx:id="leftVBox" spacing="5" prefWidth="300" AnchorPane.bottomAnchor="20" AnchorPane.leftAnchor="15"
|
||||||
AnchorPane.topAnchor="20"/>
|
AnchorPane.topAnchor="20"/>
|
||||||
<AnchorPane fx:id="content" AnchorPane.bottomAnchor="10" AnchorPane.rightAnchor="30" AnchorPane.leftAnchor="350"
|
<AnchorPane fx:id="content" AnchorPane.bottomAnchor="10" AnchorPane.rightAnchor="25" AnchorPane.leftAnchor="350"
|
||||||
AnchorPane.topAnchor="30" prefWidth="620"/>
|
AnchorPane.topAnchor="30" prefWidth="620"/>
|
||||||
</AnchorPane>
|
</AnchorPane>
|
||||||
|
|
||||||
|
|
|
@ -48,7 +48,7 @@ import javafx.scene.layout.*;
|
||||||
import org.slf4j.Logger;
|
import org.slf4j.Logger;
|
||||||
import org.slf4j.LoggerFactory;
|
import org.slf4j.LoggerFactory;
|
||||||
|
|
||||||
class AccountSetupViewCB extends CachedViewCB<AccountSetupPM> implements MultiStepNavigation {
|
public class AccountSetupViewCB extends CachedViewCB<AccountSetupPM> implements MultiStepNavigation {
|
||||||
|
|
||||||
private static final Logger log = LoggerFactory.getLogger(AccountSetupViewCB.class);
|
private static final Logger log = LoggerFactory.getLogger(AccountSetupViewCB.class);
|
||||||
|
|
||||||
|
|
|
@ -20,7 +20,6 @@ package io.bitsquare.gui.util;
|
||||||
import javafx.scene.paint.*;
|
import javafx.scene.paint.*;
|
||||||
|
|
||||||
public class Colors {
|
public class Colors {
|
||||||
public static final Paint YELLOW = Color.valueOf("#edc035");
|
|
||||||
public static final Paint BLUE = Color.valueOf("#0096c9");
|
public static final Paint BLUE = Color.valueOf("#0096c9");
|
||||||
public static final Paint LIGHT_GREY = Color.valueOf("#f4f4f4");
|
public static final Paint LIGHT_GREY = Color.valueOf("#f4f4f4");
|
||||||
public static final Paint DARK_GREY = Color.valueOf("#333333");
|
public static final Paint DARK_GREY = Color.valueOf("#333333");
|
||||||
|
|
Before Width: | Height: | Size: 20 KiB After Width: | Height: | Size: 20 KiB |
Before Width: | Height: | Size: 41 KiB After Width: | Height: | Size: 39 KiB |
Before Width: | Height: | Size: 2.1 KiB After Width: | Height: | Size: 710 B |
Before Width: | Height: | Size: 5.4 KiB After Width: | Height: | Size: 838 B |
Before Width: | Height: | Size: 1.9 KiB After Width: | Height: | Size: 756 B |
Before Width: | Height: | Size: 4.4 KiB After Width: | Height: | Size: 841 B |
Before Width: | Height: | Size: 586 B After Width: | Height: | Size: 971 B |
Before Width: | Height: | Size: 1.1 KiB After Width: | Height: | Size: 1.1 KiB |
Before Width: | Height: | Size: 585 B After Width: | Height: | Size: 1 KiB |
Before Width: | Height: | Size: 1.1 KiB After Width: | Height: | Size: 1.1 KiB |
Before Width: | Height: | Size: 461 B After Width: | Height: | Size: 871 B |
Before Width: | Height: | Size: 852 B After Width: | Height: | Size: 876 B |
Before Width: | Height: | Size: 461 B After Width: | Height: | Size: 918 B |
Before Width: | Height: | Size: 854 B After Width: | Height: | Size: 864 B |
Before Width: | Height: | Size: 591 B After Width: | Height: | Size: 971 B |
Before Width: | Height: | Size: 1.1 KiB After Width: | Height: | Size: 1 KiB |
Before Width: | Height: | Size: 589 B After Width: | Height: | Size: 999 B |
Before Width: | Height: | Size: 1 KiB After Width: | Height: | Size: 1 KiB |
Before Width: | Height: | Size: 452 B After Width: | Height: | Size: 798 B |
Before Width: | Height: | Size: 812 B After Width: | Height: | Size: 812 B |
Before Width: | Height: | Size: 456 B After Width: | Height: | Size: 848 B |
Before Width: | Height: | Size: 811 B After Width: | Height: | Size: 813 B |
Before Width: | Height: | Size: 395 B After Width: | Height: | Size: 827 B |
Before Width: | Height: | Size: 730 B After Width: | Height: | Size: 732 B |
Before Width: | Height: | Size: 395 B After Width: | Height: | Size: 906 B |
Before Width: | Height: | Size: 731 B After Width: | Height: | Size: 730 B |
Before Width: | Height: | Size: 579 B After Width: | Height: | Size: 958 B |
Before Width: | Height: | Size: 1 KiB After Width: | Height: | Size: 1 KiB |
Before Width: | Height: | Size: 579 B After Width: | Height: | Size: 1 KiB |
Before Width: | Height: | Size: 1 KiB After Width: | Height: | Size: 1 KiB |
Before Width: | Height: | Size: 795 B After Width: | Height: | Size: 1.2 KiB |
Before Width: | Height: | Size: 1.5 KiB After Width: | Height: | Size: 1.5 KiB |
Before Width: | Height: | Size: 793 B After Width: | Height: | Size: 1.3 KiB |
Before Width: | Height: | Size: 1.5 KiB After Width: | Height: | Size: 1.5 KiB |