From 210d52c001f2301b343b307beb625e4fea0d60d7 Mon Sep 17 00:00:00 2001 From: Craig Raw Date: Mon, 25 Mar 2024 13:05:16 +0200 Subject: [PATCH] change unselected tabs to be lighter colored than selected tabs in dark theme --- .../com/sparrowwallet/sparrow/darktheme.css | 18 ++++++++++++++++-- 1 file changed, 16 insertions(+), 2 deletions(-) diff --git a/src/main/resources/com/sparrowwallet/sparrow/darktheme.css b/src/main/resources/com/sparrowwallet/sparrow/darktheme.css index 1c10033d..87575cb4 100644 --- a/src/main/resources/com/sparrowwallet/sparrow/darktheme.css +++ b/src/main/resources/com/sparrowwallet/sparrow/darktheme.css @@ -156,11 +156,25 @@ HorizontalHeaderColumn > TableColumnHeader.column-header.table-column{ -fx-border-color: #626367; } -.root .wallet-subtabs > .tab-header-area .tab { +.root .tab-pane > .tab-header-area > .headers-region { + -fx-color: derive(-fx-base, 40%); + -fx-mark-color: ladder(-fx-base, white 30%, derive(-fx-base,-63%) 31%); +} + +.root .tab-pane > .tab-header-area > .headers-region > .tab .tab-label .label { + -fx-text-fill: derive(white, -8%); +} + +.root .tab-pane > .tab-header-area > .headers-region > .tab:selected .tab-label .label, +.root .tab-pane > .tab-header-area > .headers-region > .tab:hover .tab-label .label { + -fx-text-fill: white; +} + +.root .wallet-subtabs > .tab-header-area > .headers-region > .tab { -fx-background-color: derive(#2284bb, 32%); } -.root .wallet-subtabs > .tab-header-area .tab:selected { +.root .wallet-subtabs > .tab-header-area > .headers-region > .tab:selected { -fx-background-color: #2284bb; }