33 lines
771 B
CSS
33 lines
771 B
CSS
:root {
|
|
/* Primary accent colour — used for highlights, active states, progress bars.
|
|
Format: R, G, B (no rgb() wrapper) so opacity variants work cleanly. */
|
|
--abyss-accent: 245, 245, 247;
|
|
|
|
/* Corner rounding applied globally */
|
|
--abyss-radius: 12px;
|
|
}
|
|
|
|
/* =============== Detail Bar =============== */
|
|
|
|
.slide.active .button-container {
|
|
align-items: center;
|
|
}
|
|
|
|
/* ======= PLAY BUTTON ======= */
|
|
|
|
/* Re-stylize button to be round */
|
|
#slides-container .play-button {
|
|
border-radius: 50%;
|
|
padding: 25px !important;
|
|
background-color: rgba(var(--abyss-accent)) !important;
|
|
}
|
|
|
|
/* Resize play icon inside button */
|
|
.play-button::before {
|
|
font-size: 35px !important;
|
|
}
|
|
|
|
/* Hide text in play button */
|
|
.play-text {
|
|
display: none;
|
|
} |