Files
twitch-drop-notifier/static/css/style.css
2024-07-05 23:50:37 +02:00

96 lines
1.5 KiB
CSS

/* Make background color darker and text white */
body {
background-color: #0c0c0c;
color: #ffffff;
}
/* Make links white */
a {
color: #ffffff;
}
a:hover {
color: #e91e63;
}
.nav-link {
color: #ffffff;
}
.nav-link:hover {
color: #e91e63;
}
/* Make the logo text pink */
.nav-title {
color: #e91e63;
}
/* Top half of the card */
.card {
background-color: #111111;
border: 1px solid #000000;
}
/* Bottom half of the card */
.card-bottom {
background-color: #141414;
border-top: 1px solid #000000;
}
.btn-primary {
background-color: #e91e63;
border-color: #111111;
}
.btn-primary:hover {
background-color: #af1548;
border-color: #111111;
}
/* Django alerts */
/* https://docs.djangoproject.com/en/5.0/ref/contrib/messages/ */
.alert {
background-color: #181818;
border-color: #444444;
}
/* Table of games to the left */
.toc {
top: 1rem;
max-height: 80vh;
/* Adjust this value as needed */
overflow-y: auto;
}
/* Checkboxes for subscribing to notifications */
/* Checked */
.form-check-input:checked {
background-color: #af1548;
border: 1px solid #af1548;
}
/* Unchecked */
.form-check-input {
background-color: #1b1b1b;
}
.plain-text-item {
color: inherit;
text-decoration: none;
background-color: transparent;
border: none;
}
.plain-text-item:hover {
color: inherit;
background-color: #af1548;
}
.plain-text-item.active {
background-color: #af1548;
}