diff --git a/_static/css/common/variables.css b/_static/css/common/variables.css index 0245be3a..8ce117b3 100644 --- a/_static/css/common/variables.css +++ b/_static/css/common/variables.css @@ -3,7 +3,7 @@ html[data-theme="light"] { --gst-color-secondary: #1B8BF4; --gst-color-bg: var(--bs-white); --gst-color-bg-gray: var(--bs-gray-100); - --gst-color-light-border: var(--pst-color-border); + --gst-color-light-border: var(--gst-color-border); } html[data-theme="dark"] { diff --git a/_static/css/home/carousel.css b/_static/css/home/carousel.css index f7baeb64..3f96f197 100644 --- a/_static/css/home/carousel.css +++ b/_static/css/home/carousel.css @@ -3,8 +3,7 @@ } .carousel-item img { - /* border: 1px solid var(--pst-color-border); */ - + border: 1px solid var(--gst-color-border); } .carousel-indicators [data-bs-target] { @@ -64,4 +63,30 @@ .carousel-item { height: 260px; } + + .carousel-caption { + opacity: 0.9; + bottom: 70px; + padding: 10px 20px !important; + top: auto; + width: 80%; + left: 0; + right: 0; + margin: 0 auto; + border-radius: 12px; + background-color: var(--gst-color-primary); + box-shadow: none; + } + + .carousel-caption::after { + content: none; + } + + .carousel-caption::before { + content: none; + } + + .carousel-caption h5 { + font-size: 18px; + } } \ No newline at end of file diff --git a/_static/css/home/explore.css b/_static/css/home/explore.css index 1276d86c..0f07751f 100644 --- a/_static/css/home/explore.css +++ b/_static/css/home/explore.css @@ -6,7 +6,7 @@ .explore-tile { border-radius: 12px; background-color: var(--gst-color-bg-gray); - border: 1px solid var(--pst-color-border); + border: 1px solid var(--gst-color-border); transition: all 0.2s ease-in-out; } diff --git a/_templates/components/carousel.html b/_templates/components/carousel.html index bc2ec7c0..4778fe7f 100644 --- a/_templates/components/carousel.html +++ b/_templates/components/carousel.html @@ -8,9 +8,9 @@