Qt: Style check boxes in Darker Fusion

stenzek · stenzek · commit 4c56f06ffeee · 2025-11-14T01:59:22.000+10:00
diff --git a/src/duckstation-qt/qtthemes.cpp b/src/duckstation-qt/qtthemes.cpp
@@ -302,6 +302,43 @@ QLineEdit:disabled {
   color: #777777;
 }
 
+QCheckBox {
+  spacing: 4px;
+  padding: 2px 0;
+}
+
+QCheckBox::indicator {
+  width: 14px;
+  height: 14px;
+}
+QCheckBox::indicator::unchecked {
+  image: url(":/icons/white/svg/checkbox-unchecked.svg");
+}
+QCheckBox::indicator::unchecked:pressed {
+  image: url(":/icons/white/svg/checkbox-unchecked-pressed.svg");
+}
+QCheckBox::indicator::unchecked:disabled {
+  image: url(":/icons/white/svg/checkbox-unchecked-disabled.svg");
+}
+QCheckBox::indicator::checked {
+  image: url(":/icons/white/svg/checkbox-checked.svg");
+}
+QCheckBox::indicator::checked:pressed {
+  image: url(":/icons/white/svg/checkbox-checked-pressed.svg");
+}
+QCheckBox::indicator::checked:disabled {
+  image: url(":/icons/white/svg/checkbox-checked-disabled.svg");
+}
+QCheckBox::indicator::indeterminate {
+  image: url(":/icons/white/svg/checkbox-indeterminate.svg");
+}
+QCheckBox::indicator::indeterminate:pressed {
+  image: url(":/icons/white/svg/checkbox-indeterminate-pressed.svg");
+}
+QCheckBox::indicator::indeterminate:disabled {
+  image: url(":/icons/white/svg/checkbox-indeterminate-disabled.svg");
+}
+
 QAbstractSpinBox {
   border: none;
   border-radius: 8px;
@@ -452,21 +489,21 @@ QSlider {
 QSlider::groove {
   border: none;
   height: 8px;
-  background-color: #414141;
+  background-color: #2d2d2d;
   border-radius: 4px;
 }
 QSlider::handle {
-  background-color: #606060;
+  background-color: #808080;
   border: none;
   width: 16px;
   margin: -4px 0; /* handle is placed by default on the groove, so we need to offset it */
   border-radius: 8px;
 }
 QSlider::handle:hover {
-  background-color: #707070;
+  background-color: #909090;
 }
 QSlider::handle:pressed {
-  background-color: #808080;
+  background-color: #a0a0a0;
 }
 
 QTextBrowser {
diff --git a/src/duckstation-qt/resources/duckstation-qt.qrc b/src/duckstation-qt/resources/duckstation-qt.qrc
@@ -262,7 +262,16 @@
 		<file>icons/white/svg/artboard-2-line.svg</file>
 		<file>icons/white/svg/chat-off-line.svg</file>
 		<file>icons/white/svg/cheats-line.svg</file>
+		<file>icons/white/svg/checkbox-checked-disabled.svg</file>
+		<file>icons/white/svg/checkbox-checked-pressed.svg</file>
+		<file>icons/white/svg/checkbox-checked.svg</file>
+		<file>icons/white/svg/checkbox-indeterminate-disabled.svg</file>
+		<file>icons/white/svg/checkbox-indeterminate-pressed.svg</file>
+		<file>icons/white/svg/checkbox-indeterminate.svg</file>
 		<file>icons/white/svg/checkbox-multiple-blank-line.svg</file>
+		<file>icons/white/svg/checkbox-unchecked-disabled.svg</file>
+		<file>icons/white/svg/checkbox-unchecked-pressed.svg</file>
+		<file>icons/white/svg/checkbox-unchecked.svg</file>
 		<file>icons/white/svg/chip-2-line.svg</file>
 		<file>icons/white/svg/chip-line.svg</file>
 		<file>icons/white/svg/close-line.svg</file>
diff --git a/src/duckstation-qt/resources/icons/white/svg/checkbox-checked-disabled.svg b/src/duckstation-qt/resources/icons/white/svg/checkbox-checked-disabled.svg
@@ -0,0 +1,20 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<svg
+   width="16"
+   height="16"
+   viewBox="0 0 88.888889 88.888889"
+   xmlns="http://www.w3.org/2000/svg">
+<path
+   style="fill:#505050;fill-opacity:1;stroke:none;stroke-width:4.94381;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:9.6;stroke-dasharray:none;stroke-opacity:1"
+   width="85.055809"
+   height="85.055817"
+   x="2.4720941"
+   y="2.4720941"
+   d="M 13.583205,2.4720941 H 76.416792 A 11.111111,11.111111 45 0 1 87.527903,13.583205 V 76.4168 A 11.111111,11.111111 135 0 1 76.416792,87.527911 H 13.583205 A 11.111111,11.111111 45 0 1 2.4720941,76.4168 V 13.583205 A 11.111111,11.111111 135 0 1 13.583205,2.4720941 Z"
+   transform="matrix(0.97974888,0,0,0.97974879,0.3557464,0.35574662)" /><g
+   transform="matrix(0.86650334,0,0,0.95314623,10.490619,7.0955286)"
+   style="fill:#d4d4d4;fill-opacity:1;stroke:none;stroke-width:0.999511;stroke-dasharray:none;stroke-opacity:1">
+	<path
+   d="M 78.049,19.015 29.458,67.606 c -0.428,0.428 -1.121,0.428 -1.548,0 L 0.32,40.015 c -0.427,-0.426 -0.427,-1.119 0,-1.547 l 6.704,-6.704 c 0.428,-0.427 1.121,-0.427 1.548,0 L 28.685,51.876 69.798,10.763 c 0.429,-0.427 1.12,-0.427 1.548,0 l 6.703,6.704 c 0.428,0.427 0.428,1.119 0,1.548 z"
+   style="fill:#d4d4d4;fill-opacity:1;stroke:none;stroke-width:0.999511;stroke-dasharray:none;stroke-opacity:1" />
+</g></svg>
diff --git a/src/duckstation-qt/resources/icons/white/svg/checkbox-checked-pressed.svg b/src/duckstation-qt/resources/icons/white/svg/checkbox-checked-pressed.svg
@@ -0,0 +1,20 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<svg
+   width="16"
+   height="16"
+   viewBox="0 0 88.888889 88.888889"
+   xmlns="http://www.w3.org/2000/svg">
+<path
+   style="fill:#4d4d4d;fill-opacity:1;stroke:none;stroke-width:4.94381;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:9.6;stroke-dasharray:none;stroke-opacity:1"
+   width="85.055809"
+   height="85.055817"
+   x="2.4720941"
+   y="2.4720941"
+   d="M 13.583205,2.4720941 H 76.416792 A 11.111111,11.111111 45 0 1 87.527903,13.583205 V 76.4168 A 11.111111,11.111111 135 0 1 76.416792,87.527911 H 13.583205 A 11.111111,11.111111 45 0 1 2.4720941,76.4168 V 13.583205 A 11.111111,11.111111 135 0 1 13.583205,2.4720941 Z"
+   transform="matrix(0.97974888,0,0,0.97974879,0.3557464,0.35574662)" /><g
+   transform="matrix(0.86650334,0,0,0.95314623,10.490619,7.0955286)"
+   style="fill:#d4d4d4;fill-opacity:1;stroke:none;stroke-width:0.999511;stroke-dasharray:none;stroke-opacity:1">
+	<path
+   d="M 78.049,19.015 29.458,67.606 c -0.428,0.428 -1.121,0.428 -1.548,0 L 0.32,40.015 c -0.427,-0.426 -0.427,-1.119 0,-1.547 l 6.704,-6.704 c 0.428,-0.427 1.121,-0.427 1.548,0 L 28.685,51.876 69.798,10.763 c 0.429,-0.427 1.12,-0.427 1.548,0 l 6.703,6.704 c 0.428,0.427 0.428,1.119 0,1.548 z"
+   style="fill:#d4d4d4;fill-opacity:1;stroke:none;stroke-width:0.999511;stroke-dasharray:none;stroke-opacity:1" />
+</g></svg>
diff --git a/src/duckstation-qt/resources/icons/white/svg/checkbox-checked.svg b/src/duckstation-qt/resources/icons/white/svg/checkbox-checked.svg
@@ -0,0 +1,20 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<svg
+   width="16"
+   height="16"
+   viewBox="0 0 88.888889 88.888889"
+   xmlns="http://www.w3.org/2000/svg">
+<path
+   style="fill:#2b2b2b;fill-opacity:1;stroke:none;stroke-width:4.94381;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:9.6;stroke-dasharray:none;stroke-opacity:1"
+   width="85.055809"
+   height="85.055817"
+   x="2.4720941"
+   y="2.4720941"
+   d="M 13.583205,2.4720941 H 76.416792 A 11.111111,11.111111 45 0 1 87.527903,13.583205 V 76.4168 A 11.111111,11.111111 135 0 1 76.416792,87.527911 H 13.583205 A 11.111111,11.111111 45 0 1 2.4720941,76.4168 V 13.583205 A 11.111111,11.111111 135 0 1 13.583205,2.4720941 Z"
+   transform="matrix(0.97974888,0,0,0.97974879,0.3557464,0.35574662)" /><g
+   transform="matrix(0.86650334,0,0,0.95314623,10.490619,7.0955286)"
+   style="fill:#d4d4d4;fill-opacity:1;stroke:none;stroke-width:0.999511;stroke-dasharray:none;stroke-opacity:1">
+	<path
+   d="M 78.049,19.015 29.458,67.606 c -0.428,0.428 -1.121,0.428 -1.548,0 L 0.32,40.015 c -0.427,-0.426 -0.427,-1.119 0,-1.547 l 6.704,-6.704 c 0.428,-0.427 1.121,-0.427 1.548,0 L 28.685,51.876 69.798,10.763 c 0.429,-0.427 1.12,-0.427 1.548,0 l 6.703,6.704 c 0.428,0.427 0.428,1.119 0,1.548 z"
+   style="fill:#d4d4d4;fill-opacity:1;stroke:none;stroke-width:0.999511;stroke-dasharray:none;stroke-opacity:1" />
+</g></svg>
diff --git a/src/duckstation-qt/resources/icons/white/svg/checkbox-indeterminate-disabled.svg b/src/duckstation-qt/resources/icons/white/svg/checkbox-indeterminate-disabled.svg
@@ -0,0 +1,21 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<svg
+   width="16"
+   height="16"
+   viewBox="0 0 88.888889 88.888889"
+   xmlns="http://www.w3.org/2000/svg">
+<path
+   style="fill:#505050;fill-opacity:1;stroke:none;stroke-width:4.94381;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:9.6;stroke-dasharray:none;stroke-opacity:1"
+   width="85.055809"
+   height="85.055817"
+   x="2.4720941"
+   y="2.4720941"
+   d="M 13.583205,2.4720941 H 76.416792 A 11.111111,11.111111 45 0 1 87.527903,13.583205 V 76.4168 A 11.111111,11.111111 135 0 1 76.416792,87.527911 H 13.583205 A 11.111111,11.111111 45 0 1 2.4720941,76.4168 V 13.583205 A 11.111111,11.111111 135 0 1 13.583205,2.4720941 Z"
+   transform="matrix(0.97974888,0,0,0.97974879,0.3557464,0.35574662)" /><path
+   style="fill:#d4d4d4;fill-opacity:1;stroke-width:4.57222"
+   width="67.891373"
+   height="11.660732"
+   x="10.624223"
+   y="35.111759"
+   d="M 16.179778,35.111759 H 72.96004 a 5.5555556,5.5555556 45 0 1 5.555555,5.555556 v 0.549621 A 5.5555556,5.5555556 135 0 1 72.96004,46.772491 H 16.179778 a 5.5555556,5.5555556 45 0 1 -5.555555,-5.555555 v -0.549621 a 5.5555556,5.5555556 135 0 1 5.555555,-5.555556 z"
+   transform="translate(-0.1254646,3.5023192)" /></svg>
diff --git a/src/duckstation-qt/resources/icons/white/svg/checkbox-indeterminate-pressed.svg b/src/duckstation-qt/resources/icons/white/svg/checkbox-indeterminate-pressed.svg
@@ -0,0 +1,21 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<svg
+   width="16"
+   height="16"
+   viewBox="0 0 88.888889 88.888889"
+   xmlns="http://www.w3.org/2000/svg">
+<path
+   style="fill:#4d4d4d;fill-opacity:1;stroke:none;stroke-width:4.94381;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:9.6;stroke-dasharray:none;stroke-opacity:1"
+   width="85.055809"
+   height="85.055817"
+   x="2.4720941"
+   y="2.4720941"
+   d="M 13.583205,2.4720941 H 76.416792 A 11.111111,11.111111 45 0 1 87.527903,13.583205 V 76.4168 A 11.111111,11.111111 135 0 1 76.416792,87.527911 H 13.583205 A 11.111111,11.111111 45 0 1 2.4720941,76.4168 V 13.583205 A 11.111111,11.111111 135 0 1 13.583205,2.4720941 Z"
+   transform="matrix(0.97974888,0,0,0.97974879,0.3557464,0.35574662)" /><path
+   style="fill:#d4d4d4;fill-opacity:1;stroke-width:4.57222"
+   width="67.891373"
+   height="11.660732"
+   x="10.624223"
+   y="35.111759"
+   d="M 16.179778,35.111759 H 72.96004 a 5.5555556,5.5555556 45 0 1 5.555555,5.555556 v 0.549621 A 5.5555556,5.5555556 135 0 1 72.96004,46.772491 H 16.179778 a 5.5555556,5.5555556 45 0 1 -5.555555,-5.555555 v -0.549621 a 5.5555556,5.5555556 135 0 1 5.555555,-5.555556 z"
+   transform="translate(-0.1254646,3.5023192)" /></svg>
diff --git a/src/duckstation-qt/resources/icons/white/svg/checkbox-indeterminate.svg b/src/duckstation-qt/resources/icons/white/svg/checkbox-indeterminate.svg
@@ -0,0 +1,21 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<svg
+   width="16"
+   height="16"
+   viewBox="0 0 88.888889 88.888889"
+   xmlns="http://www.w3.org/2000/svg">
+<path
+   style="fill:#2b2b2b;fill-opacity:1;stroke:none;stroke-width:4.94381;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:9.6;stroke-dasharray:none;stroke-opacity:1"
+   width="85.055809"
+   height="85.055817"
+   x="2.4720941"
+   y="2.4720941"
+   d="M 13.583205,2.4720941 H 76.416792 A 11.111111,11.111111 45 0 1 87.527903,13.583205 V 76.4168 A 11.111111,11.111111 135 0 1 76.416792,87.527911 H 13.583205 A 11.111111,11.111111 45 0 1 2.4720941,76.4168 V 13.583205 A 11.111111,11.111111 135 0 1 13.583205,2.4720941 Z"
+   transform="matrix(0.97974888,0,0,0.97974879,0.3557464,0.35574662)" /><path
+   style="fill:#d4d4d4;fill-opacity:1;stroke-width:4.57222"
+   width="67.891373"
+   height="11.660732"
+   x="10.624223"
+   y="35.111759"
+   d="M 16.179778,35.111759 H 72.96004 a 5.5555556,5.5555556 45 0 1 5.555555,5.555556 v 0.549621 A 5.5555556,5.5555556 135 0 1 72.96004,46.772491 H 16.179778 a 5.5555556,5.5555556 45 0 1 -5.555555,-5.555555 v -0.549621 a 5.5555556,5.5555556 135 0 1 5.555555,-5.555556 z"
+   transform="translate(-0.1254646,3.5023192)" /></svg>
diff --git a/src/duckstation-qt/resources/icons/white/svg/checkbox-unchecked-disabled.svg b/src/duckstation-qt/resources/icons/white/svg/checkbox-unchecked-disabled.svg
@@ -0,0 +1,14 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<svg
+   width="16"
+   height="16"
+   viewBox="0 0 88.888889 88.888889"
+   xmlns="http://www.w3.org/2000/svg">
+<path
+   style="fill:none;fill-opacity:1;stroke:#777777;stroke-width:6.94444;stroke-linecap:butt;stroke-linejoin:round;stroke-miterlimit:9.6;stroke-dasharray:none;stroke-opacity:1"
+   width="80.455307"
+   height="80.455315"
+   x="4.2167902"
+   y="4.2167902"
+   d="M 9.7723458,4.2167902 H 79.116542 a 5.5555556,5.5555556 45 0 1 5.555555,5.5555556 l 0,69.3442032 a 5.5555556,5.5555556 135 0 1 -5.555555,5.555556 H 9.7723458 A 5.5555556,5.5555556 45 0 1 4.2167902,79.116549 V 9.7723458 A 5.5555556,5.5555556 135 0 1 9.7723458,4.2167902 Z"
+   transform="matrix(0.95669736,0,0,0.95345635,2.0646659,2.0688405)" /></svg>
diff --git a/src/duckstation-qt/resources/icons/white/svg/checkbox-unchecked-pressed.svg b/src/duckstation-qt/resources/icons/white/svg/checkbox-unchecked-pressed.svg
@@ -0,0 +1,14 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<svg
+   width="16"
+   height="16"
+   viewBox="0 0 88.888889 88.888889"
+   xmlns="http://www.w3.org/2000/svg">
+<path
+   style="fill:#4b4b4b;fill-opacity:1;stroke:#515151;stroke-width:6.94444;stroke-linecap:butt;stroke-linejoin:round;stroke-miterlimit:9.6;stroke-dasharray:none;stroke-opacity:1"
+   width="80.455307"
+   height="80.455315"
+   x="4.2167902"
+   y="4.2167902"
+   d="M 9.7723458,4.2167902 H 79.116542 a 5.5555556,5.5555556 45 0 1 5.555555,5.5555556 l 0,69.3442032 a 5.5555556,5.5555556 135 0 1 -5.555555,5.555556 H 9.7723458 A 5.5555556,5.5555556 45 0 1 4.2167902,79.116549 V 9.7723458 A 5.5555556,5.5555556 135 0 1 9.7723458,4.2167902 Z"
+   transform="matrix(0.95669736,0,0,0.95345635,2.0646659,2.0688405)" /></svg>
diff --git a/src/duckstation-qt/resources/icons/white/svg/checkbox-unchecked.svg b/src/duckstation-qt/resources/icons/white/svg/checkbox-unchecked.svg
@@ -0,0 +1,14 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<svg
+   width="16"
+   height="16"
+   viewBox="0 0 88.888889 88.888889"
+   xmlns="http://www.w3.org/2000/svg">
+<path
+   style="fill:none;fill-opacity:1;stroke:#515151;stroke-width:6.94444;stroke-linecap:butt;stroke-linejoin:round;stroke-miterlimit:9.6;stroke-dasharray:none;stroke-opacity:1"
+   width="80.455307"
+   height="80.455315"
+   x="4.2167902"
+   y="4.2167902"
+   d="M 9.7723458,4.2167902 H 79.116542 a 5.5555556,5.5555556 45 0 1 5.555555,5.5555556 l 0,69.3442032 a 5.5555556,5.5555556 135 0 1 -5.555555,5.555556 H 9.7723458 A 5.5555556,5.5555556 45 0 1 4.2167902,79.116549 V 9.7723458 A 5.5555556,5.5555556 135 0 1 9.7723458,4.2167902 Z"
+   transform="matrix(0.95669736,0,0,0.95345635,2.0646659,2.0688405)" /></svg>
