Template:Alert/styles.css

From Ymirheim Wiki
< Template:Alert
Revision as of 13:33, 9 July 2024 by Neris (talk | contribs)
(diff) ← Older revision | Latest revision (diff) | Newer revision → (diff)
.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;
}