Template:Alert/styles.css: Difference between revisions
From Ymirheim Wiki
No edit summary |
No edit summary |
||
Line 45: | Line 45: | ||
background-color: #d6d8d9; | background-color: #d6d8d9; | ||
border-color: #c6c8ca; | border-color: #c6c8ca; | ||
} | } | ||
Line 63: | Line 57: | ||
body.theme-ymirheim-dark .alert-secondary, | body.theme-ymirheim-dark .alert-secondary, | ||
body.theme-ymirheim.prefers-color-scheme-dark .alert-secondary { | body.theme-ymirheim.prefers-color-scheme-dark .alert-secondary { | ||
color: | color: rgb(167, 172, 177); | ||
background-color: | background-color: rgb(22, 23, 25); | ||
border-color: # | border-color: #41464b; | ||
} | } | ||
body.theme-ymirheim-dark .alert-success, | body.theme-ymirheim-dark .alert-success, | ||
body.theme-ymirheim.prefers-color-scheme-dark .alert-success { | body.theme-ymirheim.prefers-color-scheme-dark .alert-success { | ||
color: | color: rgb(117, 183, 152); | ||
background-color: | background-color: rgb(5, 27, 17); | ||
border-color: # | border-color: #0f5132; | ||
} | } | ||
body.theme-ymirheim-dark .alert-danger, | body.theme-ymirheim-dark .alert-danger, | ||
body.theme-ymirheim.prefers-color-scheme-dark .alert-danger { | body.theme-ymirheim.prefers-color-scheme-dark .alert-danger { | ||
color: | color: rgb(234, 134, 143); | ||
background-color: | background-color: rgb(44, 11, 14); | ||
border-color: # | border-color: #842029; | ||
} | } | ||
body.theme-ymirheim-dark .alert-warning, | body.theme-ymirheim-dark .alert-warning, | ||
body.theme-ymirheim.prefers-color-scheme-dark .alert-warning { | body.theme-ymirheim.prefers-color-scheme-dark .alert-warning { | ||
color: | color: rgb(255, 218, 106); | ||
background-color: | background-color: rgb(51, 39, 1); | ||
border-color: # | border-color: #997404; | ||
} | } | ||
body.theme-ymirheim-dark .alert-info, | body.theme-ymirheim-dark .alert-info, | ||
body.theme-ymirheim.prefers-color-scheme-dark .alert-info { | body.theme-ymirheim.prefers-color-scheme-dark .alert-info { | ||
color: | color: rgb(110, 223, 246); | ||
background-color: | background-color: rgb(3, 40, 48); | ||
border-color: # | border-color: #087990; | ||
} | } | ||
body.theme-ymirheim-dark .alert-light, | body.theme-ymirheim-dark .alert-light, | ||
body.theme-ymirheim.prefers-color-scheme-dark .alert-light { | body.theme-ymirheim.prefers-color-scheme-dark .alert-light { | ||
color: | color: rgb(248, 249, 250); | ||
background-color: | background-color: rgb(52, 58, 64); | ||
border-color: # | border-color: #495057; | ||
} | } | ||
body.theme-ymirheim-dark .alert-dark, | body.theme-ymirheim-dark .alert-dark, | ||
body.theme-ymirheim.prefers-color-scheme-dark .alert-dark { | body.theme-ymirheim.prefers-color-scheme-dark .alert-dark { | ||
color: | color: rgb(222, 226, 230); | ||
background-color: | background-color: rgb(26, 29, 32); | ||
border-color: # | border-color: #343a40; | ||
} | } |
Latest revision as of 13:33, 9 July 2024
.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;
}