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-light-link-color: #f0f4f8;
--alert-dark-link-color: #9fa6ad; --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 ===== */ /* ===== STANDARD COLORS ===== */
--blue: #91a4ff; --blue: #91a4ff;
--indigo: #b19cff; --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-light-link-color: #505050;
--alert-dark-link-color: #1a1c1f; --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 ===== */ /* ===== STANDARD COLORS ===== */
--blue: #010156; --blue: #010156;
--indigo: #6812f3; --indigo: #6812f3;

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

@@ -6116,139 +6116,139 @@ fieldset:disabled .btn {
} }
.list-group-item-primary { .list-group-item-primary {
color: #010134; color: var(--list-group-item-primary-color);
background-color: #ccccdd; 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:active,
.list-group-item-primary.list-group-item-action:focus { .list-group-item-primary.list-group-item-action:focus {
color: #010134; color: var(--list-group-item-primary-color);
background-color: #b8b8c7; background-color: var(--list-group-item-primary-active-bg);
} }
.list-group-item-primary.list-group-item-action.active { .list-group-item-primary.list-group-item-action.active {
color: var(--body-color); color: var(--body-color);
background-color: #010134; background-color: var(--list-group-item-primary-color);
border-color: #010134; border-color: var(--list-group-item-primary-color);
} }
.list-group-item-secondary { .list-group-item-secondary {
color: #41464c; color: var(--list-group-item-secondary-color);
background-color: #e2e3e5; 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:active,
.list-group-item-secondary.list-group-item-action:focus { .list-group-item-secondary.list-group-item-action:focus {
color: #41464c; color: var(--list-group-item-secondary-color);
background-color: #cbccce; background-color: var(--list-group-item-secondary-active-bg);
} }
.list-group-item-secondary.list-group-item-action.active { .list-group-item-secondary.list-group-item-action.active {
color: var(--body-color); color: var(--body-color);
background-color: #41464c; background-color: var(--list-group-item-secondary-color);
border-color: #41464c; border-color: var(--list-group-item-secondary-color);
} }
.list-group-item-success { .list-group-item-success {
color: #294f29; color: var(--list-group-item-success-color);
background-color: #dae6da; 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:active,
.list-group-item-success.list-group-item-action:focus { .list-group-item-success.list-group-item-action:focus {
color: #294f29; color: var(--list-group-item-success-color);
background-color: #c4cfc4; background-color: var(--list-group-item-success-active-bg);
} }
.list-group-item-success.list-group-item-action.active { .list-group-item-success.list-group-item-action.active {
color: var(--body-color); color: var(--body-color);
background-color: #294f29; background-color: var(--list-group-item-success-color);
border-color: #294f29; border-color: var(--list-group-item-success-color);
} }
.list-group-item-info { .list-group-item-info {
color: #1d3b55; color: var(--list-group-item-info-color);
background-color: #d6e0e8; 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:active,
.list-group-item-info.list-group-item-action:focus { .list-group-item-info.list-group-item-action:focus {
color: #1d3b55; color: var(--list-group-item-info-color);
background-color: #c1cad1; background-color: var(--list-group-item-info-active-bg);
} }
.list-group-item-info.list-group-item-action.active { .list-group-item-info.list-group-item-action.active {
color: var(--body-color); color: var(--body-color);
background-color: #1d3b55; background-color: var(--list-group-item-info-color);
border-color: #1d3b55; border-color: var(--list-group-item-info-color);
} }
.list-group-item-warning { .list-group-item-warning {
color: #683b00; color: var(--list-group-item-warning-color);
background-color: #efe0cc; 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:active,
.list-group-item-warning.list-group-item-action:focus { .list-group-item-warning.list-group-item-action:focus {
color: #683b00; color: var(--list-group-item-warning-color);
background-color: #d7cab8; background-color: var(--list-group-item-warning-active-bg);
} }
.list-group-item-warning.list-group-item-action.active { .list-group-item-warning.list-group-item-action.active {
color: var(--body-color); color: var(--body-color);
background-color: #683b00; background-color: var(--list-group-item-warning-color);
border-color: #683b00; border-color: var(--list-group-item-warning-color);
} }
.list-group-item-danger { .list-group-item-danger {
color: #63130e; color: var(--list-group-item-danger-color);
background-color: #edd2d1; 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:active,
.list-group-item-danger.list-group-item-action:focus { .list-group-item-danger.list-group-item-action:focus {
color: #63130e; color: var(--list-group-item-danger-color);
background-color: #d5bdbc; background-color: var(--list-group-item-danger-active-bg);
} }
.list-group-item-danger.list-group-item-action.active { .list-group-item-danger.list-group-item-action.active {
color: var(--body-color); color: var(--body-color);
background-color: #63130e; background-color: var(--list-group-item-danger-color);
border-color: #63130e; border-color: var(--list-group-item-danger-color);
} }
.list-group-item-light { .list-group-item-light {
color: #646464; color: var(--list-group-item-light-color);
background-color: #fefefe; 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:active,
.list-group-item-light.list-group-item-action:focus { .list-group-item-light.list-group-item-action:focus {
color: #646464; color: var(--list-group-item-light-color);
background-color: #e5e5e5; background-color: var(--list-group-item-light-active-bg);
} }
.list-group-item-light.list-group-item-action.active { .list-group-item-light.list-group-item-action.active {
color: var(--body-color); color: var(--body-color);
background-color: #646464; background-color: var(--list-group-item-light-color);
border-color: #646464; border-color: var(--list-group-item-light-color);
} }
.list-group-item-dark { .list-group-item-dark {
color: #202327; color: var(--list-group-item-dark-color);
background-color: #d7d8d9; 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:active,
.list-group-item-dark.list-group-item-action:focus { .list-group-item-dark.list-group-item-action:focus {
color: #202327; color: var(--list-group-item-dark-color);
background-color: #c2c2c3; background-color: var(--list-group-item-dark-active-bg);
} }
.list-group-item-dark.list-group-item-action.active { .list-group-item-dark.list-group-item-action.active {
color: var(--body-color); color: var(--body-color);
background-color: #202327; background-color: var(--list-group-item-dark-color);
border-color: #202327; border-color: var(--list-group-item-dark-color);
} }
.btn-close { .btn-close {