MokoConsulting/MokoCassiopeia
1
1
Fork 0
Code Issues 2 Pull Requests Actions Packages Releases 1 Activity

Add list-group-item color variables for all Bootstrap variants

Browse Source 
Co-authored-by: jmiller-moko <230051081+jmiller-moko@users.noreply.github.com>
This commit is contained in:
copilot-swe-agent[bot]
2026-03-07 21:53:36 +00:00
parent c682349c29
commit b574bb1004
3 changed files with 100 additions and 48 deletions
Download Patch File Download Diff File Expand all files Collapse all files

26
src/media/css/colors/dark/colors_standard.css
View File

@@ -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;

26
src/media/css/colors/light/colors_standard.css
View File

@@ -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;

96
src/media/css/template.css
View File

@@ -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 {