Template:Alert/styles.css
From Ymirheim Wiki
.alert {
position: relative;
padding: .75rem 1.25rem;
margin-bottom: 1rem;
border: 1px solid transparent;
border-radius: .25rem;
}
.alert-primary {
color: #004085;
background-color: #cce5ff;
border-color: #b8daff;
}
.alert-secondary {
color: #383d41;
background-color: #e2e3e5;
border-color: #d6d8db;
}
.alert-success {
color: #155724;
background-color: #d4edda;
border-color: #c3e6cb;
}
.alert-danger {
color: #721c24;
background-color: #f8d7da;
border-color: #f5c6cb;
}
.alert-warning {
color: #856404;
background-color: #fff3cd;
border-color: #ffeeba;
}
.alert-info {
color: #0c5460;
background-color: #d1ecf1;
border-color: #bee5eb;
}
.alert-light {
color: #818182;
background-color: #fefefe;
border-color: #fdfdfe;
}
.alert-dark {
color: #1b1e21;
background-color: #d6d8d9;
border-color: #c6c8ca;
}
body.theme-ymirheim-dark .alert-primary,
body.theme-ymirheim.prefers-color-scheme-dark .alert-primary {
color: rgb(110, 168, 254);
background-color: rgb(3, 22, 51);
border-color: #084298;
}
body.theme-ymirheim-dark .alert-secondary,
body.theme-ymirheim.prefers-color-scheme-dark .alert-secondary {
color: rgb(167, 172, 177);
background-color: rgb(22, 23, 25);
border-color: #41464b;
}
body.theme-ymirheim-dark .alert-success,
body.theme-ymirheim.prefers-color-scheme-dark .alert-success {
color: rgb(117, 183, 152);
background-color: rgb(5, 27, 17);
border-color: #0f5132;
}
body.theme-ymirheim-dark .alert-danger,
body.theme-ymirheim.prefers-color-scheme-dark .alert-danger {
color: rgb(234, 134, 143);
background-color: rgb(44, 11, 14);
border-color: #842029;
}
body.theme-ymirheim-dark .alert-warning,
body.theme-ymirheim.prefers-color-scheme-dark .alert-warning {
color: rgb(255, 218, 106);
background-color: rgb(51, 39, 1);
border-color: #997404;
}
body.theme-ymirheim-dark .alert-info,
body.theme-ymirheim.prefers-color-scheme-dark .alert-info {
color: rgb(110, 223, 246);
background-color: rgb(3, 40, 48);
border-color: #087990;
}
body.theme-ymirheim-dark .alert-light,
body.theme-ymirheim.prefers-color-scheme-dark .alert-light {
color: rgb(248, 249, 250);
background-color: rgb(52, 58, 64);
border-color: #495057;
}
body.theme-ymirheim-dark .alert-dark,
body.theme-ymirheim.prefers-color-scheme-dark .alert-dark {
color: rgb(222, 226, 230);
background-color: rgb(26, 29, 32);
border-color: #343a40;
}