diff --git a/src/media/css/colors/dark/colors_standard.css b/src/media/css/colors/dark/colors_standard.css
index 4d882e2..1df46a1 100644
--- a/src/media/css/colors/dark/colors_standard.css
+++ b/src/media/css/colors/dark/colors_standard.css
@@ -177,6 +177,32 @@ color-scheme: dark;
 --alert-light-link-color: #f0f4f8;
 --alert-dark-link-color: #9fa6ad;
 
+/* ===== LIST GROUP ITEM COLORS ===== */
+--list-group-item-primary-color: #8ca3ff;
+--list-group-item-primary-bg: #1a2550;
+--list-group-item-primary-active-bg: #223066;
+--list-group-item-secondary-color: #9fa6ad;
+--list-group-item-secondary-bg: #2b323b;
+--list-group-item-secondary-active-bg: #363d47;
+--list-group-item-success-color: #a0e5b3;
+--list-group-item-success-bg: #1e3d2d;
+--list-group-item-success-active-bg: #275538;
+--list-group-item-info-color: #8eccf2;
+--list-group-item-info-bg: #1a3448;
+--list-group-item-info-active-bg: #234459;
+--list-group-item-warning-color: #ffe4a0;
+--list-group-item-warning-bg: #4a3410;
+--list-group-item-warning-active-bg: #5c4216;
+--list-group-item-danger-color: #ffa8a3;
+--list-group-item-danger-bg: #4a1e1c;
+--list-group-item-danger-active-bg: #5c2823;
+--list-group-item-light-color: #e9ecef;
+--list-group-item-light-bg: #1e2430;
+--list-group-item-light-active-bg: #282f3d;
+--list-group-item-dark-color: #48525d;
+--list-group-item-dark-bg: #0e1318;
+--list-group-item-dark-active-bg: #161b22;
+
 /* ===== STANDARD COLORS ===== */
 --blue: #91a4ff;
 --indigo: #b19cff;
diff --git a/src/media/css/colors/light/colors_standard.css b/src/media/css/colors/light/colors_standard.css
index 6f993e7..83b06f0 100644
--- a/src/media/css/colors/light/colors_standard.css
+++ b/src/media/css/colors/light/colors_standard.css
@@ -176,6 +176,32 @@ color-scheme: light;
 --alert-light-link-color: #505050;
 --alert-dark-link-color: #1a1c1f;
 
+/* ===== LIST GROUP ITEM COLORS ===== */
+--list-group-item-primary-color: #010134;
+--list-group-item-primary-bg: #ccccdd;
+--list-group-item-primary-active-bg: #b8b8c7;
+--list-group-item-secondary-color: #41464c;
+--list-group-item-secondary-bg: #e2e3e5;
+--list-group-item-secondary-active-bg: #cbccce;
+--list-group-item-success-color: #294f29;
+--list-group-item-success-bg: #dae6da;
+--list-group-item-success-active-bg: #c4cfc4;
+--list-group-item-info-color: #1d3b55;
+--list-group-item-info-bg: #d6e0e8;
+--list-group-item-info-active-bg: #c1cad1;
+--list-group-item-warning-color: #683b00;
+--list-group-item-warning-bg: #efe0cc;
+--list-group-item-warning-active-bg: #d7cab8;
+--list-group-item-danger-color: #63130e;
+--list-group-item-danger-bg: #edd2d1;
+--list-group-item-danger-active-bg: #d5bdbc;
+--list-group-item-light-color: #646464;
+--list-group-item-light-bg: #fefefe;
+--list-group-item-light-active-bg: #e5e5e5;
+--list-group-item-dark-color: #202327;
+--list-group-item-dark-bg: #d7d8d9;
+--list-group-item-dark-active-bg: #c2c2c3;
+
 /* ===== STANDARD COLORS ===== */
 --blue: #010156;
 --indigo: #6812f3;
diff --git a/src/media/css/template.css b/src/media/css/template.css
index 27e278e..b83acb2 100644
--- a/src/media/css/template.css
+++ b/src/media/css/template.css
@@ -6116,139 +6116,139 @@ fieldset:disabled .btn {
 }
 
 .list-group-item-primary {
-	color: #010134;
-	background-color: #ccccdd;
+	color: var(--list-group-item-primary-color);
+	background-color: var(--list-group-item-primary-bg);
 }
 
 .list-group-item-primary.list-group-item-action:active,
 .list-group-item-primary.list-group-item-action:focus {
-	color: #010134;
-	background-color: #b8b8c7;
+	color: var(--list-group-item-primary-color);
+	background-color: var(--list-group-item-primary-active-bg);
 }
 
 .list-group-item-primary.list-group-item-action.active {
 	color: var(--body-color);
-	background-color: #010134;
-	border-color: #010134;
+	background-color: var(--list-group-item-primary-color);
+	border-color: var(--list-group-item-primary-color);
 }
 
 .list-group-item-secondary {
-	color: #41464c;
-	background-color: #e2e3e5;
+	color: var(--list-group-item-secondary-color);
+	background-color: var(--list-group-item-secondary-bg);
 }
 
 .list-group-item-secondary.list-group-item-action:active,
 .list-group-item-secondary.list-group-item-action:focus {
-	color: #41464c;
-	background-color: #cbccce;
+	color: var(--list-group-item-secondary-color);
+	background-color: var(--list-group-item-secondary-active-bg);
 }
 
 .list-group-item-secondary.list-group-item-action.active {
 	color: var(--body-color);
-	background-color: #41464c;
-	border-color: #41464c;
+	background-color: var(--list-group-item-secondary-color);
+	border-color: var(--list-group-item-secondary-color);
 }
 
 .list-group-item-success {
-	color: #294f29;
-	background-color: #dae6da;
+	color: var(--list-group-item-success-color);
+	background-color: var(--list-group-item-success-bg);
 }
 
 .list-group-item-success.list-group-item-action:active,
 .list-group-item-success.list-group-item-action:focus {
-	color: #294f29;
-	background-color: #c4cfc4;
+	color: var(--list-group-item-success-color);
+	background-color: var(--list-group-item-success-active-bg);
 }
 
 .list-group-item-success.list-group-item-action.active {
 	color: var(--body-color);
-	background-color: #294f29;
-	border-color: #294f29;
+	background-color: var(--list-group-item-success-color);
+	border-color: var(--list-group-item-success-color);
 }
 
 .list-group-item-info {
-	color: #1d3b55;
-	background-color: #d6e0e8;
+	color: var(--list-group-item-info-color);
+	background-color: var(--list-group-item-info-bg);
 }
 
 .list-group-item-info.list-group-item-action:active,
 .list-group-item-info.list-group-item-action:focus {
-	color: #1d3b55;
-	background-color: #c1cad1;
+	color: var(--list-group-item-info-color);
+	background-color: var(--list-group-item-info-active-bg);
 }
 
 .list-group-item-info.list-group-item-action.active {
 	color: var(--body-color);
-	background-color: #1d3b55;
-	border-color: #1d3b55;
+	background-color: var(--list-group-item-info-color);
+	border-color: var(--list-group-item-info-color);
 }
 
 .list-group-item-warning {
-	color: #683b00;
-	background-color: #efe0cc;
+	color: var(--list-group-item-warning-color);
+	background-color: var(--list-group-item-warning-bg);
 }
 
 .list-group-item-warning.list-group-item-action:active,
 .list-group-item-warning.list-group-item-action:focus {
-	color: #683b00;
-	background-color: #d7cab8;
+	color: var(--list-group-item-warning-color);
+	background-color: var(--list-group-item-warning-active-bg);
 }
 
 .list-group-item-warning.list-group-item-action.active {
 	color: var(--body-color);
-	background-color: #683b00;
-	border-color: #683b00;
+	background-color: var(--list-group-item-warning-color);
+	border-color: var(--list-group-item-warning-color);
 }
 
 .list-group-item-danger {
-	color: #63130e;
-	background-color: #edd2d1;
+	color: var(--list-group-item-danger-color);
+	background-color: var(--list-group-item-danger-bg);
 }
 
 .list-group-item-danger.list-group-item-action:active,
 .list-group-item-danger.list-group-item-action:focus {
-	color: #63130e;
-	background-color: #d5bdbc;
+	color: var(--list-group-item-danger-color);
+	background-color: var(--list-group-item-danger-active-bg);
 }
 
 .list-group-item-danger.list-group-item-action.active {
 	color: var(--body-color);
-	background-color: #63130e;
-	border-color: #63130e;
+	background-color: var(--list-group-item-danger-color);
+	border-color: var(--list-group-item-danger-color);
 }
 
 .list-group-item-light {
-	color: #646464;
-	background-color: #fefefe;
+	color: var(--list-group-item-light-color);
+	background-color: var(--list-group-item-light-bg);
 }
 
 .list-group-item-light.list-group-item-action:active,
 .list-group-item-light.list-group-item-action:focus {
-	color: #646464;
-	background-color: #e5e5e5;
+	color: var(--list-group-item-light-color);
+	background-color: var(--list-group-item-light-active-bg);
 }
 
 .list-group-item-light.list-group-item-action.active {
 	color: var(--body-color);
-	background-color: #646464;
-	border-color: #646464;
+	background-color: var(--list-group-item-light-color);
+	border-color: var(--list-group-item-light-color);
 }
 
 .list-group-item-dark {
-	color: #202327;
-	background-color: #d7d8d9;
+	color: var(--list-group-item-dark-color);
+	background-color: var(--list-group-item-dark-bg);
 }
 
 .list-group-item-dark.list-group-item-action:active,
 .list-group-item-dark.list-group-item-action:focus {
-	color: #202327;
-	background-color: #c2c2c3;
+	color: var(--list-group-item-dark-color);
+	background-color: var(--list-group-item-dark-active-bg);
 }
 
 .list-group-item-dark.list-group-item-action.active {
 	color: var(--body-color);
-	background-color: #202327;
-	border-color: #202327;
+	background-color: var(--list-group-item-dark-color);
+	border-color: var(--list-group-item-dark-color);
 }
 
 .btn-close {