Merge pull request #8 from B077AS/dev

improved themes

Author: B077AS

README.md

@@ -1,4 +1,7 @@
-# QueryExe
+<h1 align="center">
+  <img src="src/main/resources/icon.png" alt="QueryExe icon" width="80"><br>
+  QueryExe
+</h1>
 
 <p align="center">
   <b>A free, cross-platform desktop client for working with relational databases.</b><br>

src/main/java/com/queryexe/components/home/ConnectionsPane.java

@@ -258,7 +258,15 @@ private void updatePagination(int targetPage) {
         int clampedPage = Math.min(Math.max(targetPage, 0), totalPages - 1);
 
         pagination.setPageCount(totalPages);
-        pagination.setCurrentPageIndex(clampedPage);
+        if (pagination.getCurrentPageIndex() != clampedPage) {
+            pagination.setCurrentPageIndex(clampedPage);
+        } else if (currentPage != null) {
+            // Pagination only re-invokes the page factory when the page index
+            // itself changes, but a resize can change cardsPerRow/cardsPerColumn
+            // while leaving the index the same (e.g. still page 1 of 1) — force
+            // the grid to re-lay-out with the new dimensions in that case.
+            currentPage.setCenter(visible.isEmpty() ? buildEmptyState() : buildGrid(clampedPage));
+        }
     }
 
     private BorderPane buildPage(int pageIndex) {

src/main/java/com/queryexe/theme/ThemeManager.java

@@ -14,13 +14,18 @@
 /**
  * Applies and persists the app's accent {@link AppTheme}.
  *
- * <p>The base stylesheet's {@code -color-accent-*} tokens are purple, and
- * (unlike a neutral-gray UI) several background/border/selection tokens in
- * style.css are also purple-tinted hex literals rather than pure grays. So
- * switching themes isn't just swapping the accent ramp: those extra tokens
- * are rotated by the same hue delta as the theme's accent color, keeping
- * their saturation/lightness identical to the default theme and making the
- * result read as a hue change rather than a new palette.
+ * <p>The base stylesheet's {@code -color-accent-*} tokens are purple, and a
+ * couple of selection/syntax tokens in style.css are also purple-tinted hex
+ * literals rather than pure grays. So switching themes isn't just swapping
+ * the accent ramp: those extra tokens are rotated by the same hue delta as
+ * the theme's accent color, keeping their saturation/lightness identical to
+ * the default theme and making the result read as a hue change rather than
+ * a new palette.
+ *
+ * <p>Backgrounds ({@code -color-bg-*}) are deliberately left out of that
+ * rotation and stay pure neutral grays (defined once in style.css) for
+ * every theme, so the accent color shows up in controls/borders/highlights
+ * without tinting the app's panels.
  *
  * <p>The override is a small {@code .root{...}} rule containing only the
  * tokens above, encoded as a {@code data:text/css;base64,...} stylesheet
@@ -35,10 +40,6 @@ public class ThemeManager {
 
     // Purple-tinted tokens in style.css that aren't part of the accent ramp
     // itself but still need to rotate with the chosen theme.
-    private static final String BG_DEFAULT = "#282a36";
-    private static final String BG_OVERLAY = "#22242f";
-    private static final String BG_SUBTLE = "#3d3f4a";
-    private static final String BG_INSET = "#181920";
     private static final String SELECTION_MUTED = "#68637c";
     private static final String SYNTAX_KEYWORD = "#ac80ea";
 
@@ -125,10 +126,6 @@ private String buildOverrideBody(AppTheme theme) {
 
         sb.append("-color-selection-muted:").append(ColorUtil.rotateHex(SELECTION_MUTED, hueShift)).append(';');
         sb.append("-color-syntax-keyword:").append(ColorUtil.rotateHex(SYNTAX_KEYWORD, hueShift)).append(';');
-        sb.append("-color-bg-default:").append(ColorUtil.rotateHex(BG_DEFAULT, hueShift)).append(';');
-        sb.append("-color-bg-overlay:").append(ColorUtil.rotateHex(BG_OVERLAY, hueShift)).append(';');
-        sb.append("-color-bg-subtle:").append(ColorUtil.rotateHex(BG_SUBTLE, hueShift)).append(';');
-        sb.append("-color-bg-inset:").append(ColorUtil.rotateHex(BG_INSET, hueShift)).append(';');
 
         return sb.toString();
     }

src/main/resources/style.css

@@ -69,10 +69,10 @@
 	-color-fg-muted: #bfbfc3;
 	-color-fg-subtle: #7e7f86;
 	-color-fg-emphasis: #0d0e12;
-	-color-bg-default: #282a36;
-	-color-bg-overlay: #22242f;
-	-color-bg-subtle: #3d3f4a;
-	-color-bg-inset: #181920;
+	-color-bg-default: #292e35;
+	-color-bg-overlay: #24282d;
+	-color-bg-subtle: #3b424c;
+	-color-bg-inset: #191b1f;
 	-color-border-default: #685ab3;
 	-color-border-muted: #52468c;
 	-color-border-subtle: #3c3366;