83 lines
1.5 KiB
CSS
83 lines
1.5 KiB
CSS
:root {
|
|
--bg-dark: #222831;
|
|
--bg-medium: #393e46;
|
|
--accent: #00adb5;
|
|
--text-light: #eeeeee;
|
|
}
|
|
|
|
body {
|
|
background-color: var(--bg-dark);
|
|
color: var(--text-light);
|
|
}
|
|
|
|
.navbar-custom {
|
|
background-color: var(--accent);
|
|
border-radius: 10px;
|
|
}
|
|
|
|
.book-card {
|
|
background-color: var(--bg-medium);
|
|
border-radius: 10px;
|
|
box-shadow: 0 4px 8px rgba(0, 0, 0, 0.3);
|
|
}
|
|
|
|
.footer-custom {
|
|
background-color: var(--bg-medium);
|
|
}
|
|
|
|
.nav-link-custom {
|
|
color: var(--bg-dark) !important;
|
|
font-weight: bold;
|
|
}
|
|
|
|
.nav-link-custom:hover {
|
|
color: var(--text-light) !important;
|
|
}
|
|
|
|
.dropdown-custom .dropdown-menu {
|
|
background-color: var(--bg-medium);
|
|
}
|
|
|
|
.dropdown-custom .dropdown-item {
|
|
color: var(--text-light);
|
|
}
|
|
|
|
.dropdown-custom .dropdown-item:hover {
|
|
background-color: var(--accent);
|
|
color: var(--bg-dark);
|
|
}
|
|
|
|
.form-custom input {
|
|
background-color: var(--bg-medium);
|
|
color: var(--text-light);
|
|
border: 1px solid var(--accent);
|
|
}
|
|
|
|
.btn-custom {
|
|
background-color: var(--accent);
|
|
color: var(--bg-dark);
|
|
font-weight: bold;
|
|
}
|
|
|
|
.book-card {
|
|
background-color: var(--bg-medium);
|
|
border-radius: 10px;
|
|
box-shadow: 0 4px 8px rgba(0, 0, 0, 0.3);
|
|
}
|
|
|
|
.category-card {
|
|
background-color: var(--bg-medium);
|
|
border-radius: 10px;
|
|
box-shadow: 0 4px 8px rgba(0, 0, 0, 0.3);
|
|
}
|
|
|
|
.book-item {
|
|
background-color: var(--bg-dark);
|
|
border-radius: 5px;
|
|
transition: transform 0.2s;
|
|
color: var(--text-light);
|
|
}
|
|
|
|
.book-item:hover {
|
|
transform: translateX(10px);
|
|
} |