.btn-primary { --bs-btn-bg: #00338c; --bs-btn-border-color: #00338c; --bs-btn-hover-bg: #002870; --bs-btn-hover-border-color: #002362; --bs-btn-active-bg: #002362; --bs-btn-active-border-color: #002362; --bs-btn-disabled-bg: #00338c; --bs-btn-disabled-border-color: #00338c; --bs-btn-color: #fff; --bs-btn-hover-color: #fff; --bs-btn-focus-shadow-rgb: 38,81,157; --bs-btn-active-color: #fff; --bs-btn-disabled-color: #fff; } .btn-outline-primary { --bs-btn-color: #00338c; --bs-btn-border-color: #00338c; --bs-btn-hover-bg: #00338c; --bs-btn-hover-border-color: #00338c; --bs-btn-active-bg: #00338c; --bs-btn-active-border-color: #00338c; --bs-btn-disabled-color: #00338c; --bs-btn-disabled-border-color: #00338c; --bs-btn-focus-shadow-rgb: 38,81,157; --bs-btn-hover-color: #fff; --bs-btn-active-color: #fff; } .btn-secondary { --bs-btn-bg: #da000c; --bs-btn-border-color: #da000c; --bs-btn-hover-bg: #ae0009; --bs-btn-hover-border-color: #980008; --bs-btn-active-bg: #980008; --bs-btn-active-border-color: #980008; --bs-btn-disabled-bg: #da000c; --bs-btn-disabled-border-color: #da000c; --bs-btn-color: #fff; --bs-btn-hover-color: #fff; --bs-btn-focus-shadow-rgb: 223,38,48; --bs-btn-active-color: #fff; --bs-btn-disabled-color: #fff; } .btn-outline-secondary { --bs-btn-color: #da000c; --bs-btn-border-color: #da000c; --bs-btn-hover-bg: #da000c; --bs-btn-hover-border-color: #da000c; --bs-btn-active-bg: #da000c; --bs-btn-active-border-color: #da000c; --bs-btn-disabled-color: #da000c; --bs-btn-disabled-border-color: #da000c; --bs-btn-focus-shadow-rgb: 223,38,48; --bs-btn-hover-color: #fff; --bs-btn-active-color: #fff; } .btn-accent { --bs-btn-bg: #9f70f5; --bs-btn-border-color: #9f70f5; --bs-btn-hover-bg: #7f59c4; --bs-btn-hover-border-color: #6f4eab; --bs-btn-active-bg: #6f4eab; --bs-btn-active-border-color: #6f4eab; --bs-btn-disabled-bg: #9f70f5; --bs-btn-disabled-border-color: #9f70f5; --bs-btn-color: #fff; --bs-btn-hover-color: #fff; --bs-btn-focus-shadow-rgb: 173,133,246; --bs-btn-active-color: #fff; --bs-btn-disabled-color: #fff; } .btn-outline-accent { --bs-btn-color: #9f70f5; --bs-btn-border-color: #9f70f5; --bs-btn-hover-bg: #9f70f5; --bs-btn-hover-border-color: #9f70f5; --bs-btn-active-bg: #9f70f5; --bs-btn-active-border-color: #9f70f5; --bs-btn-disabled-color: #9f70f5; --bs-btn-disabled-border-color: #9f70f5; --bs-btn-focus-shadow-rgb: 173,133,246; --bs-btn-hover-color: #fff; --bs-btn-active-color: #fff; } .btn-purple { --bs-btn-bg: #6f42c1; --bs-btn-border-color: #6f42c1; --bs-btn-hover-bg: #58349a; --bs-btn-hover-border-color: #4d2e87; --bs-btn-active-bg: #4d2e87; --bs-btn-active-border-color: #4d2e87; --bs-btn-disabled-bg: #6f42c1; --bs-btn-disabled-border-color: #6f42c1; --bs-btn-color: #fff; --bs-btn-hover-color: #fff; --bs-btn-focus-shadow-rgb: 132,94,202; --bs-btn-active-color: #fff; --bs-btn-disabled-color: #fff; } .btn-outline-purple { --bs-btn-color: #6f42c1; --bs-btn-border-color: #6f42c1; --bs-btn-hover-bg: #6f42c1; --bs-btn-hover-border-color: #6f42c1; --bs-btn-active-bg: #6f42c1; --bs-btn-active-border-color: #6f42c1; --bs-btn-disabled-color: #6f42c1; --bs-btn-disabled-border-color: #6f42c1; --bs-btn-focus-shadow-rgb: 132,94,202; --bs-btn-hover-color: #fff; --bs-btn-active-color: #fff; } .btn-pink { --bs-btn-bg: #d63384; --bs-btn-border-color: #d63384; --bs-btn-hover-bg: #ab2869; --bs-btn-hover-border-color: #95235c; --bs-btn-active-bg: #95235c; --bs-btn-active-border-color: #95235c; --bs-btn-disabled-bg: #d63384; --bs-btn-disabled-border-color: #d63384; --bs-btn-color: #fff; --bs-btn-hover-color: #fff; --bs-btn-focus-shadow-rgb: 220,81,150; --bs-btn-active-color: #fff; --bs-btn-disabled-color: #fff; } .btn-outline-pink { --bs-btn-color: #d63384; --bs-btn-border-color: #d63384; --bs-btn-hover-bg: #d63384; --bs-btn-hover-border-color: #d63384; --bs-btn-active-bg: #d63384; --bs-btn-active-border-color: #d63384; --bs-btn-disabled-color: #d63384; --bs-btn-disabled-border-color: #d63384; --bs-btn-focus-shadow-rgb: 220,81,150; --bs-btn-hover-color: #fff; --bs-btn-active-color: #fff; } .btn-success { --bs-btn-bg: #188653; --bs-btn-border-color: #188653; --bs-btn-hover-bg: #136b42; --bs-btn-hover-border-color: #105d3a; --bs-btn-active-bg: #105d3a; --bs-btn-active-border-color: #105d3a; --bs-btn-disabled-bg: #188653; --bs-btn-disabled-border-color: #188653; --bs-btn-color: #fff; --bs-btn-hover-color: #fff; --bs-btn-focus-shadow-rgb: 58,152,108; --bs-btn-active-color: #fff; --bs-btn-disabled-color: #fff; } .btn-outline-success { --bs-btn-color: #188653; --bs-btn-border-color: #188653; --bs-btn-hover-bg: #188653; --bs-btn-hover-border-color: #188653; --bs-btn-active-bg: #188653; --bs-btn-active-border-color: #188653; --bs-btn-disabled-color: #188653; --bs-btn-disabled-border-color: #188653; --bs-btn-focus-shadow-rgb: 58,152,108; --bs-btn-hover-color: #fff; --bs-btn-active-color: #fff; } .alert-success { --bs-alert-color: #093521; --bs-alert-bg: #d0e6dc; --bs-alert-border-color: #b9dacb; } .btn-danger { --bs-btn-bg: #dc3545; --bs-btn-border-color: #dc3545; --bs-btn-hover-bg: #b02a37; --bs-btn-hover-border-color: #9a2530; --bs-btn-active-bg: #9a2530; --bs-btn-active-border-color: #9a2530; --bs-btn-disabled-bg: #dc3545; --bs-btn-disabled-border-color: #dc3545; --bs-btn-color: #fff; --bs-btn-hover-color: #fff; --bs-btn-focus-shadow-rgb: 225,83,96; --bs-btn-active-color: #fff; --bs-btn-disabled-color: #fff; } .btn-outline-danger { --bs-btn-color: #dc3545; --bs-btn-border-color: #dc3545; --bs-btn-hover-bg: #dc3545; --bs-btn-hover-border-color: #dc3545; --bs-btn-active-bg: #dc3545; --bs-btn-active-border-color: #dc3545; --bs-btn-disabled-color: #dc3545; --bs-btn-disabled-border-color: #dc3545; --bs-btn-focus-shadow-rgb: 225,83,96; --bs-btn-hover-color: #fff; --bs-btn-active-color: #fff; } .alert-danger { --bs-alert-color: #58151b; --bs-alert-bg: #f8d6d9; --bs-alert-border-color: #f4c2c7; } .btn-info { --bs-btn-bg: #cfcfcf; --bs-btn-border-color: #cfcfcf; --bs-btn-hover-bg: #a5a5a5; --bs-btn-hover-border-color: #909090; --bs-btn-active-bg: #909090; --bs-btn-active-border-color: #909090; --bs-btn-disabled-bg: #cfcfcf; --bs-btn-disabled-border-color: #cfcfcf; --bs-btn-color: #000; --bs-btn-hover-color: #000; --bs-btn-focus-shadow-rgb: 175,175,175; --bs-btn-active-color: #000; --bs-btn-disabled-color: #000; } .btn-outline-info { --bs-btn-color: #cfcfcf; --bs-btn-border-color: #cfcfcf; --bs-btn-hover-bg: #cfcfcf; --bs-btn-hover-border-color: #cfcfcf; --bs-btn-active-bg: #cfcfcf; --bs-btn-active-border-color: #cfcfcf; --bs-btn-disabled-color: #cfcfcf; --bs-btn-disabled-border-color: #cfcfcf; --bs-btn-focus-shadow-rgb: 175,175,175; --bs-btn-hover-color: #000; --bs-btn-active-color: #000; } .alert-info { --bs-alert-color: #525252; --bs-alert-bg: #f5f5f5; --bs-alert-border-color: #f0f0f0; } .btn-warning { --bs-btn-bg: #f8c435; --bs-btn-border-color: #f8c435; --bs-btn-hover-bg: #c69c2a; --bs-btn-hover-border-color: #ad8925; --bs-btn-active-bg: #ad8925; --bs-btn-active-border-color: #ad8925; --bs-btn-disabled-bg: #f8c435; --bs-btn-disabled-border-color: #f8c435; --bs-btn-color: #000; --bs-btn-hover-color: #000; --bs-btn-focus-shadow-rgb: 210,166,45; --bs-btn-active-color: #000; --bs-btn-disabled-color: #000; } .btn-outline-warning { --bs-btn-color: #f8c435; --bs-btn-border-color: #f8c435; --bs-btn-hover-bg: #f8c435; --bs-btn-hover-border-color: #f8c435; --bs-btn-active-bg: #f8c435; --bs-btn-active-border-color: #f8c435; --bs-btn-disabled-color: #f8c435; --bs-btn-disabled-border-color: #f8c435; --bs-btn-focus-shadow-rgb: 210,166,45; --bs-btn-hover-color: #000; --bs-btn-active-color: #000; } .alert-warning { --bs-alert-color: #634e15; --bs-alert-bg: #fdf3d6; --bs-alert-border-color: #fcedc2; } .text-accent { color: #9f70f5 } :root { --bs-primary: #00338c; --bs-primary-rgb: 0,51,140; --bs-secondary: #da000c; --bs-secondary-rgb: 218,0,12; --bs-success: #188653; --bs-success-rgb: 24,134,83; --bs-danger: #dc3545; --bs-danger-rgb: 220,53,69; --bs-info: #cfcfcf; --bs-info-rgb: 207,207,207; --bs-warning: #f8c435; --bs-warning-rgb: 248,196,53; --sc-logo-bg: #ffffff; --sc-accent: #9f70f5; --sc-sidebar-bg: #1a222a; } .left-sidebar{ --sc-sidebar-link: #ffffff; --sc-sidebar-active: #cccccc } .left-sidebar .dropdown-menu { --bs-dropdown-color: #1a222a; --bs-dropdown-bg: #ffffff; --bs-dropdown-link-color: #1a222a; } .left-sidebar .nav{ --bs-nav-link-color: #ffffff; --bs-nav-link-hover-color: #cccccc } .tabbable{ --sc-sidebar-bg: #1a222a; }