make quartz pretty

install/package.json

@@ -107,7 +107,7 @@
         "nodebb-plugin-spam-be-gone": "2.3.2",
         "nodebb-plugin-web-push": "0.7.6",
         "nodebb-rewards-essentials": "1.0.2",
-        "nodebb-theme-harmony": "2.2.33",
+        "nodebb-theme-harmony": "2.2.35",
         "nodebb-theme-lavender": "7.1.21",
         "nodebb-theme-peace": "2.2.51",
         "nodebb-theme-persona": "14.2.21",

public/scss/skins.scss

@@ -1,5 +1,16 @@
 // fixes for global skin issues
 
+
+.skin-quartz {
+	.dropdown-header {
+		color: white;
+	}
+	.card:has(.dropdown-menu.show) {
+  		backdrop-filter: none;
+	}
+}
+
+
 // brite text-secondary is white :/
 .skin-brite {
 	.text-secondary {
@@ -28,4 +39,9 @@
 	.skin-zephyr {
 		--bs-secondary-rgb: var(--bs-secondary-color);
 	}
+	.skin-quartz {
+		.table{
+			--bs-table-bg: transparent!important;
+		}
+	}
 }

public/scss/skins/quartz.scss

@@ -0,0 +1,3 @@
+$spacer: 1rem!default;
+$input-btn-padding-y: .375rem !default;
+$input-btn-padding-x: 0.75rem !default;

src/meta/css.js

@@ -53,6 +53,7 @@ function boostrapImport(themeData) {
 	// see https://getbootstrap.com/docs/5.0/customize/sass/#variable-defaults
 	// for an explanation of this order and https://bootswatch.com/help/
 	const { bootswatchSkin, bsVariables, isCustomSkin } = themeData;
+	const skinOverrides = ['quartz'];
 	function bsvariables() {
 		if (bootswatchSkin) {
 			if (isCustomSkin) {
@@ -63,6 +64,7 @@ function boostrapImport(themeData) {
 			}
 			return `
 				${bsVariables}
+				${skinOverrides.includes(bootswatchSkin) ? `@import "skins/${bootswatchSkin}";` : ''}
 				@import "bootswatch/dist/${bootswatchSkin}/variables";
 			`;
 		}