mirrors/bisq
1
0
Fork 0
mirror of https://github.com/bisq-network/bisq.git synced 2025-02-23 23:06:39 +01:00
Code Issues Projects Releases Packages Wiki Activity

Additional CSS fixes/tweaks for Dark Mode theme

Browse source
This commit is contained in:
wiz 2019-08-30 04:40:41 +09:00
parent 3ccae6922d
commit efe1b47b88
No known key found for this signature in database
GPG key ID: A394E332255A6173
3 changed files with 108 additions and 8 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

4
desktop/src/main/java/bisq/desktop/app/BisqApp.java
View file

@ -244,10 +244,10 @@ public class BisqApp extends Application implements UncaughtExceptionHandler {
if (useDarkMode)
colorSheet = "/bisq/desktop/theme-dark.css";
scene.getStylesheets().setAll(
colorSheet,
"/bisq/desktop/bisq.css",
"/bisq/desktop/images.css",
"/bisq/desktop/CandleStickChart.css");
"/bisq/desktop/CandleStickChart.css",
colorSheet); // load theme last to override CSS colors
}
private void setupStage(Scene scene) {

13
desktop/src/main/java/bisq/desktop/bisq.css
View file

@ -230,6 +230,19 @@
-fx-background-color: -fx-selection-bar;
}
.list-view:focused,
.tree-view:focused,
.table-view:focused,
.tree-table-view:focused,
.table-view:focused,
tree-table-view:focused {
-fx-background-insets: 0;
}
.list-view:focused {
-fx-background-color: -bs-color-primary;
-fx-background-insets: 0;
}
/* Selected rows */
.list-view:focused > .virtual-flow > .clipped-container > .sheet > .list-cell:filled:selected,
.tree-view:focused > .virtual-flow > .clipped-container > .sheet > .tree-cell:filled:selected,

99
desktop/src/main/java/bisq/desktop/theme-dark.css
View file

@ -1,7 +1,7 @@
.root {
-bs-color-primary: #25b135;
-bs-color-primary-dark: #2ea33c;
-bs-text-color: #cfcecf;
-bs-text-color: #cfcfcf;
-bs-background-color: #2e2e31;
-bs-background-gray: #1d1d21;
-bs-content-background-gray: #242424;
@ -68,8 +68,8 @@
-bs-text-color-transparent-dark: rgba(29, 29, 33, 0.54);
-bs-text-color-transparent: rgba(29, 29, 33, 0.2);
-bs-color-gray-line: #504f52;
-bs-rd-separator: #2e2e31;
-bs-rd-separator-dark: #151517;
-bs-rd-separator: #444444;
-bs-rd-separator-dark: #222222;
-bs-rd-error-red: #d83431;
-bs-rd-message-bubble: #2cadaf;
-bs-toggle-selected: #504f52;
@ -107,7 +107,7 @@
}
.list-view {
-fx-background-color: -bs-background-color;
-fx-background-color: -bs-background-gray;
}
.list-view .list-cell {
-fx-background-color: -bs-background-color;
@ -118,6 +118,9 @@
.list-view .list-cell:even {
-fx-background-color: derive(-bs-background-color, 5%);
}
.list-view .list-cell:selected {
-fx-background-color: -fx-selection-bar;
}
.list-view .list-cell .text {
-fx-text-fill: -bs-rd-font-dark-gray;
-fx-fill: -bs-rd-font-dark-gray;
@ -130,9 +133,22 @@
.table-view {
-fx-background-color: -bs-background-color;
}
.table-row-cell {
-fx-border-color: -bs-color-gray-1;
}
.table-view .table-cell {
-fx-background-color: -bs-background-color;
}
.table-view .table-row-cell:even .table-cell {
-fx-background-color: -bs-background-color;
}
.table-view .table-row-cell:odd .table-cell {
-fx-background-color: derive(-bs-background-color, 5%);
}
.table-view .table-row-cell:selected {
-fx-background-color: -fx-selection-bar;
}
.jfx-tab-pane .tab-content-area {
-fx-background-color: -bs-tab-content-area;
@ -142,8 +158,38 @@
-fx-background-color: -bs-viewport-background;
}
.scroll-pane {
-fx-background-color: -bs-scroll-pane-background;
.jfx-text-field {
-fx-background-color: -bs-color-gray-0;
-fx-text-fill: -bs-rd-font-dark;
}
.jfx-text-field-top-label {
-fx-text-fill: -bs-color-gray-6;
}
.jfx-text-area:readonly {
-jfx-focus-color: transparent;
}
.jfx-text-field:readonly, .hyperlink-with-icon {
-fx-background-color: -bs-background-gray;
}
.input-with-border {
-fx-border-color: -bs-color-gray-2;
}
.jfx-button, .action-button {
-fx-background-color: -bs-color-gray-1;
}
.jfx-button:hover, .jfx-button:focused {
-fx-background-color: derive(-bs-background-gray, -10%);
}
.action-button:hover, .action-button:focused {
-fx-background-color: derive(-bs-color-primary-dark, -10%);
}
.action-button:disabled {
-fx-background-color: -bs-color-gray-2;
-fx-text-fill: -bs-rd-font-dark-gray;
}
.action-button {
-fx-background-color: -bs-color-primary-dark;
}
#sell-button, #sell-button-big {
@ -153,3 +199,44 @@
#buy-button, #buy-button-big {
-fx-background-color: #006600 !important;
}
.wallet-seed-words {
-fx-text-fill: -bs-color-gray-6;
}
.chart-pane, .chart-plot-background,
#charts .chart-plot-background,
#charts-dao .chart-plot-background {
-fx-background-color: transparent;
}
.chart-horizontal-grid-lines, .chart-vertical-grid-lines {
-fx-stroke: -bs-color-gray-1;
}
.separated-phase-bar-active {
-fx-text-fill: -fx-accent;
}
.separated-phase-bar-inactive {
-fx-text-fill: -bs-color-primary-dark;
}
.jfx-badge .badge-pane .text {
-fx-fill: white;
}
.scroll-pane {
-fx-background-color: -bs-scroll-pane-background;
}
.scroll-bar:horizontal .thumb:hover,
.scroll-bar:vertical .thumb:hover {
-fx-background-color: -bs-color-gray-5;
}
.scroll-bar:horizontal .thumb:pressed,
.scroll-bar:vertical .thumb:pressed {
-fx-background-color: -bs-color-gray-4;
}
.scroll-bar:vertical:focused,
.scroll-bar:horizontal:focused {
-fx-background-color: transparent, -bs-color-gray-4, -bs-color-gray-4;
}