feat(prefs): ✨ change theme toggle to 3 col

StarCitizenTools · Apr 25, 2024 · 316798d · 316798d
1 parent fce2726
commit 316798d
Show file tree

Hide file tree

Showing 2 changed files with 14 additions and 10 deletions.
diff --git a/resources/skins.citizen.preferences/skins.citizen.preferences.less b/resources/skins.citizen.preferences/skins.citizen.preferences.less
@@ -105,7 +105,7 @@
 	form {
 		display: grid;
 		// This is not the best because it does not adapt to the text length but will revisit later
-		grid-template-columns: 1fr 1fr;
+		grid-template-columns: repeat( 2, 1fr );
 		gap: var( --space-xxs );
 		text-align: center;
 	}
@@ -150,6 +150,10 @@
 }
 
 #skin-client-prefs-skin-theme {
+	form {
+		grid-template-columns: repeat( 3, 1fr );
+	}
+
 	.citizen-client-prefs-radio__label {
 		background: var( --color-surface-0 );
 

diff --git a/resources/skins.citizen.styles/common/features.less b/resources/skins.citizen.styles/common/features.less
@@ -43,6 +43,15 @@
 	color-scheme: dark;
 }
 
+.feature-pure-black() {
+	--color-surface-0: #000;
+	--color-surface-1: ~'hsl( var( --color-primary__h ), 20%, 10% )';
+	--color-surface-2: ~'hsl( var( --color-primary__h ), 25%, 12% )';
+	--color-surface-3: ~'hsl( var( --color-primary__h ), 25%, 15% )';
+	--color-surface-4: ~'hsl( var( --color-primary__h ), 15%, 20% )';
+	--shadow-strength: 0.04;
+}
+
 .skin-theme-clientpref-night {
 	:root& {
 		.theme-dark();
@@ -57,15 +66,6 @@
 	}
 }
 
-.feature-pure-black() {
-	--color-surface-0: #000;
-	--color-surface-1: ~'hsl( var( --color-primary__h ), 20%, 10% )';
-	--color-surface-2: ~'hsl( var( --color-primary__h ), 25%, 12% )';
-	--color-surface-3: ~'hsl( var( --color-primary__h ), 25%, 15% )';
-	--color-surface-4: ~'hsl( var( --color-primary__h ), 15%, 20% )';
-	--shadow-strength: 0.04;
-}
-
 .citizen-feature-pure-black-clientpref-1 {
 	:root.skin-theme-clientpref-night& {
 		.feature-pure-black();