akanealw/misode.github.io
1
0
Fork 0
mirror of https://github.com/misode/misode.github.io.git synced 2026-04-23 15:17:09 +00:00
Code Issues Actions Packages Projects Releases Wiki Activity

Style cards, fields and buttons

Browse Source
This commit is contained in:
Misode
2019-12-20 21:37:03 +01:00
parent 1c5dc81f47
commit 3e7b243ab8
1 changed files with 80 additions and 1 deletions
Download Patch File Download Diff File Expand all files Collapse all files

81
custom.css
View File

@@ -78,5 +78,84 @@ body[data-style="dark"] {
body[data-style="dark"] #source {
background-color: #181a1d;
border-color: #646b72;
color: #eee;
color: #ddd;
}
body[data-style="dark"] .form-control {
background-color: #343a40;
color: #ddd;
border-color: #2c3136;
}
body[data-style="dark"] .input-group-text {
background-color: #2d3236;
color: #fff;
border-color: #2c3136;
}
body[data-style="dark"] .btn-outline-secondary {
background-color: #343a40 !important;
color: #ddd;
border-color: #2c3136;
}
body[data-style="dark"] .btn-outline-dark {
filter: invert();
}
body[data-style="dark"] .custom-control-label {
color: #ddd;
}
body[data-style="dark"] .dropdown-menu {
background-color: #343a40;
color: #ddd;
}
body[data-style="dark"] .dropdown-item:hover {
background-color: #2d3236;
}
body[data-style="dark"] .card.bg-success {
background-color: #2f693e !important;
color: white !important;
}
body[data-style="dark"] .card.bg-light {
background-color: #32373c !important;
color: white !important;
}
body[data-style="dark"] .btn-light {
background-color: #282d31 !important;
color: white !important;
border-color: #282d31 !important;
}
body[data-style="dark"] .card.bg-secondary {
background-color: #707579 !important;
color: white !important;
}
body[data-style="dark"] .card.bg-info {
background-color: #2a707a !important;
color: black !important;
}
body[data-style="dark"] .card.bg-info .card.bg-info {
background-color: #3a929e !important;
color: black !important;
}
body[data-style="dark"] .card.bg-dark {
background-color: #4b4f54 !important;
color: white !important;
}
body[data-style="dark"] .card.bg-dark .card.bg-dark {
background-color: #565b60 !important;
}
body[data-style="dark"] .card.bg-dark .card.bg-dark .card.bg-dark {
background-color: #646b72 !important;
}