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 .infobox,
body.theme-ymirheim.prefers-color-scheme-dark .infobox {
	background: rgba(0, 0, 0, 0.4);
}



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: #383d41;
    background-color: #e2e3e5;
    border-color: #d6d8db;
}
body.theme-ymirheim-dark .alert-success,
body.theme-ymirheim.prefers-color-scheme-dark .alert-success {
    color: #155724;
    background-color: #d4edda;
    border-color: #c3e6cb;
}
body.theme-ymirheim-dark .alert-danger,
body.theme-ymirheim.prefers-color-scheme-dark .alert-danger {
    color: #721c24;
    background-color: #f8d7da;
    border-color: #f5c6cb;
}
body.theme-ymirheim-dark .alert-warning,
body.theme-ymirheim.prefers-color-scheme-dark .alert-warning {
    color: #856404;
    background-color: #fff3cd;
    border-color: #ffeeba;
}
body.theme-ymirheim-dark .alert-info,
body.theme-ymirheim.prefers-color-scheme-dark .alert-info {
    color: #0c5460;
    background-color: #d1ecf1;
    border-color: #bee5eb;
}
body.theme-ymirheim-dark .alert-light,
body.theme-ymirheim.prefers-color-scheme-dark .alert-light {
    color: #818182;
    background-color: #fefefe;
    border-color: #fdfdfe;
}
body.theme-ymirheim-dark .alert-dark,
body.theme-ymirheim.prefers-color-scheme-dark .alert-dark {
    color: #1b1e21;
    background-color: #d6d8d9;
    border-color: #c6c8ca;
}