fix: change theme (#3149)

This commit is contained in:
James 2025-03-18 19:43:30 -07:00 committed by GitHub
parent 6dbeac3e6e
commit 81022665b8
No known key found for this signature in database
GPG Key ID: B5690EEEBB952194
37 changed files with 119 additions and 122 deletions

View File

@ -12,7 +12,7 @@ import { TinyCarousel, TinyCarouselItem } from '@opentiny/vue'
<style scoped>
.tiny-carousel__item h3 {
color: #475669;
color: #808080;
opacity: 0.75;
line-height: 150px;
margin: 0;
@ -21,10 +21,10 @@ import { TinyCarousel, TinyCarouselItem } from '@opentiny/vue'
}
.carousel-item-demo:nth-child(2n) {
background-color: #fafafa;
background-color: rgba(221, 221, 221, 0.2);
}
.carousel-item-demo:nth-child(2n + 1) {
background-color: #edf0f3;
background-color: rgba(221, 221, 221, 0.1);
}
</style>

View File

@ -19,7 +19,7 @@ export default {
<style scoped>
.tiny-carousel__item h3 {
color: #475669;
color: #808080;
opacity: 0.75;
line-height: 150px;
margin: 0;
@ -28,10 +28,10 @@ export default {
}
.carousel-item-demo:nth-child(2n) {
background-color: #fafafa;
background-color: rgba(221, 221, 221, 0.2);
}
.carousel-item-demo:nth-child(2n + 1) {
background-color: #edf0f3;
background-color: rgba(221, 221, 221, 0.1);
}
</style>

View File

@ -12,7 +12,7 @@ import { TinyCarousel, TinyCarouselItem } from '@opentiny/vue'
<style scoped>
.tiny-carousel__item h3 {
color: #475669;
color: #808080;
opacity: 0.75;
line-height: 150px;
margin: 0;
@ -21,10 +21,10 @@ import { TinyCarousel, TinyCarouselItem } from '@opentiny/vue'
}
.carousel-item-demo:nth-child(2n) {
background-color: #fafafa;
background-color: rgba(221, 221, 221, 0.2);
}
.carousel-item-demo:nth-child(2n + 1) {
background-color: #edf0f3;
background-color: rgba(221, 221, 221, 0.1);
}
</style>

View File

@ -19,7 +19,7 @@ export default {
<style scoped>
.tiny-carousel__item h3 {
color: #475669;
color: #808080;
opacity: 0.75;
line-height: 150px;
margin: 0;
@ -28,10 +28,10 @@ export default {
}
.carousel-item-demo:nth-child(2n) {
background-color: #fafafa;
background-color: rgba(221, 221, 221, 0.2);
}
.carousel-item-demo:nth-child(2n + 1) {
background-color: #edf0f3;
background-color: rgba(221, 221, 221, 0.1);
}
</style>

View File

@ -12,7 +12,7 @@ import { TinyCarousel, TinyCarouselItem } from '@opentiny/vue'
<style scoped>
.tiny-carousel__item h3 {
color: #475669;
color: #808080;
opacity: 0.75;
line-height: 150px;
margin: 0;
@ -21,10 +21,10 @@ import { TinyCarousel, TinyCarouselItem } from '@opentiny/vue'
}
.carousel-item-demo:nth-child(2n) {
background-color: #fafafa;
background-color: rgba(221, 221, 221, 0.2);
}
.carousel-item-demo:nth-child(2n + 1) {
background-color: #edf0f3;
background-color: rgba(221, 221, 221, 0.2);
}
</style>

View File

@ -19,7 +19,7 @@ export default {
<style scoped>
.tiny-carousel__item h3 {
color: #475669;
color: #808080;
opacity: 0.75;
line-height: 150px;
margin: 0;
@ -28,10 +28,10 @@ export default {
}
.carousel-item-demo:nth-child(2n) {
background-color: #fafafa;
background-color: rgba(221, 221, 221, 0.1);
}
.carousel-item-demo:nth-child(2n + 1) {
background-color: #edf0f3;
background-color: rgba(221, 221, 221, 0.2);
}
</style>

View File

@ -157,9 +157,6 @@ const disableStatus = () => {
&:last-child {
margin-right: 0;
}
&:hover {
border-color: #1476ff;
}
}
.btn-layout {
position: relative;
@ -185,7 +182,7 @@ const disableStatus = () => {
}
&:not(.is-disabled) {
.tiny-svg:hover {
fill: #191919;
fill: #b3b3b3;
}
}
}

View File

@ -160,9 +160,6 @@ export default {
&:last-child {
margin-right: 0;
}
&:hover {
border-color: #1476ff;
}
}
.btn-layout {
position: relative;
@ -188,7 +185,7 @@ export default {
}
&:not(.is-disabled) {
.tiny-svg:hover {
fill: #191919;
fill: #b3b3b3;
}
}
}

View File

@ -12,7 +12,7 @@ import { TinyCarousel, TinyCarouselItem } from '@opentiny/vue'
<style scoped>
.tiny-carousel__item h3 {
color: #475669;
color: #808080;
opacity: 0.75;
line-height: 150px;
margin: 0;
@ -21,10 +21,10 @@ import { TinyCarousel, TinyCarouselItem } from '@opentiny/vue'
}
.carousel-item-demo:nth-child(2n) {
background-color: #fafafa;
background-color: rgba(221, 221, 221, 0.2);
}
.carousel-item-demo:nth-child(2n + 1) {
background-color: #edf0f3;
background-color: rgba(221, 221, 221, 0.1);
}
</style>

View File

@ -19,7 +19,7 @@ export default {
<style scoped>
.tiny-carousel__item h3 {
color: #475669;
color: #808080;
opacity: 0.75;
line-height: 150px;
margin: 0;
@ -28,10 +28,10 @@ export default {
}
.carousel-item-demo:nth-child(2n) {
background-color: #fafafa;
background-color: rgba(221, 221, 221, 0.2);
}
.carousel-item-demo:nth-child(2n + 1) {
background-color: #edf0f3;
background-color: rgba(221, 221, 221, 0.1);
}
</style>

View File

@ -12,7 +12,7 @@ import { TinyCarousel, TinyCarouselItem } from '@opentiny/vue'
<style scoped>
.tiny-carousel__item h3 {
color: #475669;
color: #808080;
opacity: 0.75;
line-height: 150px;
margin: 0;
@ -21,10 +21,10 @@ import { TinyCarousel, TinyCarouselItem } from '@opentiny/vue'
}
.carousel-item-demo:nth-child(2n) {
background-color: #fafafa;
background-color: rgba(221, 221, 221, 0.2);
}
.carousel-item-demo:nth-child(2n + 1) {
background-color: #edf0f3;
background-color: rgba(221, 221, 221, 0.1);
}
</style>

View File

@ -19,7 +19,7 @@ export default {
<style scoped>
.tiny-carousel__item h3 {
color: #475669;
color: #808080;
opacity: 0.75;
line-height: 150px;
margin: 0;
@ -28,10 +28,10 @@ export default {
}
.carousel-item-demo:nth-child(2n) {
background-color: #fafafa;
background-color: rgba(221, 221, 221, 0.2);
}
.carousel-item-demo:nth-child(2n + 1) {
background-color: #edf0f3;
background-color: rgba(221, 221, 221, 0.1);
}
</style>

View File

@ -12,7 +12,7 @@ import { TinyCarousel, TinyCarouselItem } from '@opentiny/vue'
<style scoped>
.tiny-carousel__item h3 {
color: #475669;
color: #808080;
opacity: 0.75;
line-height: 150px;
margin: 0;
@ -21,10 +21,10 @@ import { TinyCarousel, TinyCarouselItem } from '@opentiny/vue'
}
.carousel-item-demo:nth-child(2n) {
background-color: #fafafa;
background-color: rgba(221, 221, 221, 0.2);
}
.carousel-item-demo:nth-child(2n + 1) {
background-color: #edf0f3;
background-color: rgba(221, 221, 221, 0.1);
}
</style>

View File

@ -19,7 +19,7 @@ export default {
<style scoped>
.tiny-carousel__item h3 {
color: #475669;
color: #808080;
opacity: 0.75;
line-height: 150px;
margin: 0;
@ -28,10 +28,10 @@ export default {
}
.carousel-item-demo:nth-child(2n) {
background-color: #fafafa;
background-color: rgba(221, 221, 221, 0.2);
}
.carousel-item-demo:nth-child(2n + 1) {
background-color: #edf0f3;
background-color: rgba(221, 221, 221, 0.1);
}
</style>

View File

@ -25,7 +25,7 @@ function handleChange(value, oldValue) {
<style scoped>
.tiny-carousel__item h3 {
color: #475669;
color: #808080;
opacity: 0.75;
line-height: 150px;
margin: 0;
@ -34,14 +34,10 @@ function handleChange(value, oldValue) {
}
.carousel-item-demo:nth-child(2n) {
background-color: #fafafa;
background-color: rgba(221, 221, 221, 0.2);
}
.carousel-item-demo:nth-child(2n + 1) {
background-color: #edf0f3;
}
.carousel-tip {
margin: 16px 0 0;
text-align: center;
background-color: rgba(221, 221, 221, 0.1);
}
</style>

View File

@ -35,7 +35,7 @@ export default {
<style scoped>
.tiny-carousel__item h3 {
color: #475669;
color: #808080;
opacity: 0.75;
line-height: 150px;
margin: 0;
@ -44,11 +44,11 @@ export default {
}
.carousel-item-demo:nth-child(2n) {
background-color: #fafafa;
background-color: rgba(221, 221, 221, 0.2);
}
.carousel-item-demo:nth-child(2n + 1) {
background-color: #edf0f3;
background-color: rgba(221, 221, 221, 0.1);
}
.carousel-tip {
margin: 16px 0 0;

View File

@ -12,7 +12,7 @@ import { TinyCarousel, TinyCarouselItem } from '@opentiny/vue'
<style scoped>
.tiny-carousel__item h3 {
color: #475669;
color: #808080;
opacity: 0.75;
line-height: 150px;
margin: 0;
@ -21,10 +21,10 @@ import { TinyCarousel, TinyCarouselItem } from '@opentiny/vue'
}
.carousel-item-demo:nth-child(2n) {
background-color: #fafafa;
background-color: rgba(221, 221, 221, 0.2);
}
.carousel-item-demo:nth-child(2n + 1) {
background-color: #edf0f3;
background-color: rgba(221, 221, 221, 0.1);
}
</style>

View File

@ -19,7 +19,7 @@ export default {
<style scoped>
.tiny-carousel__item h3 {
color: #475669;
color: #808080;
opacity: 0.75;
line-height: 150px;
margin: 0;
@ -28,10 +28,10 @@ export default {
}
.carousel-item-demo:nth-child(2n) {
background-color: #fafafa;
background-color: rgba(221, 221, 221, 0.2);
}
.carousel-item-demo:nth-child(2n + 1) {
background-color: #edf0f3;
background-color: rgba(221, 221, 221, 0.1);
}
</style>

View File

@ -19,8 +19,11 @@ import { TinyCarousel, TinyCarouselItem } from '@opentiny/vue'
</script>
<style scoped>
.block {
margin: 20px 0;
}
.tiny-carousel__item h3 {
color: #475669;
color: #808080;
opacity: 0.75;
line-height: 150px;
margin: 0;
@ -28,15 +31,11 @@ import { TinyCarousel, TinyCarouselItem } from '@opentiny/vue'
font-size: 25px;
}
.block {
margin: 20px 0;
}
.carousel-item-demo:nth-child(2n) {
background-color: #fafafa;
background-color: rgba(221, 221, 221, 0.2);
}
.carousel-item-demo:nth-child(2n + 1) {
background-color: #edf0f3;
background-color: rgba(221, 221, 221, 0.1);
}
</style>

View File

@ -26,8 +26,11 @@ export default {
</script>
<style scoped>
.block {
margin: 20px 0;
}
.tiny-carousel__item h3 {
color: #475669;
color: #808080;
opacity: 0.75;
line-height: 150px;
margin: 0;
@ -35,15 +38,11 @@ export default {
font-size: 25px;
}
.block {
margin: 20px 0;
}
.carousel-item-demo:nth-child(2n) {
background-color: #fafafa;
background-color: rgba(221, 221, 221, 0.2);
}
.carousel-item-demo:nth-child(2n + 1) {
background-color: #edf0f3;
background-color: rgba(221, 221, 221, 0.1);
}
</style>

View File

@ -33,7 +33,7 @@ function handleSubmit() {
<style scoped>
.tiny-carousel__item h3 {
color: #475669;
color: #808080;
opacity: 0.75;
line-height: 150px;
margin: 0;
@ -42,10 +42,10 @@ function handleSubmit() {
}
.carousel-item-demo:nth-child(2n) {
background-color: #fafafa;
background-color: rgba(221, 221, 221, 0.2);
}
.carousel-item-demo:nth-child(2n + 1) {
background-color: #edf0f3;
background-color: rgba(221, 221, 221, 0.1);
}
</style>

View File

@ -46,7 +46,7 @@ export default {
<style scoped>
.tiny-carousel__item h3 {
color: #475669;
color: #808080;
opacity: 0.75;
line-height: 150px;
margin: 0;
@ -55,10 +55,10 @@ export default {
}
.carousel-item-demo:nth-child(2n) {
background-color: #fafafa;
background-color: rgba(221, 221, 221, 0.2);
}
.carousel-item-demo:nth-child(2n + 1) {
background-color: #edf0f3;
background-color: rgba(221, 221, 221, 0.1);
}
</style>

View File

@ -12,7 +12,7 @@ import { TinyCarousel, TinyCarouselItem } from '@opentiny/vue'
<style scoped>
.tiny-carousel__item h3 {
color: #475669;
color: #808080;
opacity: 0.75;
line-height: 150px;
margin: 0;
@ -21,10 +21,10 @@ import { TinyCarousel, TinyCarouselItem } from '@opentiny/vue'
}
.carousel-item-demo:nth-child(2n) {
background-color: #fafafa;
background-color: rgba(221, 221, 221, 0.2);
}
.carousel-item-demo:nth-child(2n + 1) {
background-color: #edf0f3;
background-color: rgba(221, 221, 221, 0.1);
}
</style>

View File

@ -19,7 +19,7 @@ export default {
<style scoped>
.tiny-carousel__item h3 {
color: #475669;
color: #808080;
opacity: 0.75;
line-height: 150px;
margin: 0;
@ -28,10 +28,10 @@ export default {
}
.carousel-item-demo:nth-child(2n) {
background-color: #fafafa;
background-color: rgba(221, 221, 221, 0.2);
}
.carousel-item-demo:nth-child(2n + 1) {
background-color: #edf0f3;
background-color: rgba(221, 221, 221, 0.1);
}
</style>

View File

@ -12,7 +12,7 @@ import { TinyCarousel, TinyCarouselItem } from '@opentiny/vue'
<style scoped>
.tiny-carousel__item h3 {
color: #475669;
color: #808080;
opacity: 0.75;
line-height: 150px;
margin: 0;
@ -21,10 +21,10 @@ import { TinyCarousel, TinyCarouselItem } from '@opentiny/vue'
}
.carousel-item-demo:nth-child(2n) {
background-color: #fafafa;
background-color: rgba(221, 221, 221, 0.2);
}
.carousel-item-demo:nth-child(2n + 1) {
background-color: #edf0f3;
background-color: rgba(221, 221, 221, 0.1);
}
</style>

View File

@ -18,11 +18,20 @@ export default {
</script>
<style scoped>
.tiny-carousel__item h3 {
color: #808080;
opacity: 0.75;
line-height: 150px;
margin: 0;
text-align: center;
font-size: 25px;
}
.carousel-item-demo:nth-child(2n) {
background-color: #fafafa;
background-color: rgba(221, 221, 221, 0.2);
}
.carousel-item-demo:nth-child(2n + 1) {
background-color: #edf0f3;
background-color: rgba(221, 221, 221, 0.1);
}
</style>

View File

@ -45,7 +45,7 @@ function prev() {
<style scoped>
.tiny-carousel__item h3 {
color: #475669;
color: #808080;
opacity: 0.75;
line-height: 150px;
margin: 0;
@ -54,11 +54,11 @@ function prev() {
}
.carousel-item-demo:nth-child(2n) {
background-color: #fafafa;
background-color: rgba(221, 221, 221, 0.2);
}
.carousel-item-demo:nth-child(2n + 1) {
background-color: #edf0f3;
background-color: rgba(221, 221, 221, 0.1);
}
.manual-layoutset {

View File

@ -55,7 +55,7 @@ export default {
<style scoped>
.tiny-carousel__item h3 {
color: #475669;
color: #808080;
opacity: 0.75;
line-height: 150px;
margin: 0;
@ -64,11 +64,11 @@ export default {
}
.carousel-item-demo:nth-child(2n) {
background-color: #fafafa;
background-color: rgba(221, 221, 221, 0.2);
}
.carousel-item-demo:nth-child(2n + 1) {
background-color: #edf0f3;
background-color: rgba(221, 221, 221, 0.1);
}
.manual-layoutset {
display: flex;

View File

@ -12,7 +12,7 @@ import { TinyCarousel, TinyCarouselItem } from '@opentiny/vue'
<style scoped>
.tiny-carousel__item h3 {
color: #475669;
color: #808080;
opacity: 0.75;
line-height: 150px;
margin: 0;
@ -21,10 +21,10 @@ import { TinyCarousel, TinyCarouselItem } from '@opentiny/vue'
}
.carousel-item-demo:nth-child(2n) {
background-color: #fafafa;
background-color: rgba(221, 221, 221, 0.2);
}
.carousel-item-demo:nth-child(2n + 1) {
background-color: #edf0f3;
background-color: rgba(221, 221, 221, 0.1);
}
</style>

View File

@ -19,7 +19,7 @@ export default {
<style scoped>
.tiny-carousel__item h3 {
color: #475669;
color: #808080;
opacity: 0.75;
line-height: 150px;
margin: 0;
@ -28,10 +28,10 @@ export default {
}
.carousel-item-demo:nth-child(2n) {
background-color: #fafafa;
background-color: rgba(221, 221, 221, 0.2);
}
.carousel-item-demo:nth-child(2n + 1) {
background-color: #edf0f3;
background-color: rgba(221, 221, 221, 0.1);
}
</style>

View File

@ -12,7 +12,7 @@ import { TinyCarousel, TinyCarouselItem } from '@opentiny/vue'
<style scoped>
.tiny-carousel__item h3 {
color: #475669;
color: #808080;
opacity: 0.75;
line-height: 150px;
margin: 0;
@ -21,10 +21,10 @@ import { TinyCarousel, TinyCarouselItem } from '@opentiny/vue'
}
.carousel-item-demo:nth-child(2n) {
background-color: #f0f0f0;
background-color: rgba(221, 221, 221, 0.2);
}
.carousel-item-demo:nth-child(2n + 1) {
background-color: #edf0f3;
background-color: rgba(221, 221, 221, 0.1);
}
</style>

View File

@ -19,7 +19,7 @@ export default {
<style scoped>
.tiny-carousel__item h3 {
color: #475669;
color: #808080;
opacity: 0.75;
line-height: 150px;
margin: 0;
@ -28,10 +28,10 @@ export default {
}
.carousel-item-demo:nth-child(2n) {
background-color: #f0f0f0;
background-color: rgba(221, 221, 221, 0.2);
}
.carousel-item-demo:nth-child(2n + 1) {
background-color: #edf0f3;
background-color: rgba(221, 221, 221, 0.1);
}
</style>

View File

@ -12,7 +12,7 @@ import { TinyCarousel, TinyCarouselItem } from '@opentiny/vue'
<style scoped>
.tiny-carousel__item h3 {
color: #475669;
color: #808080;
opacity: 0.75;
line-height: 150px;
margin: 0;
@ -21,10 +21,10 @@ import { TinyCarousel, TinyCarouselItem } from '@opentiny/vue'
}
.carousel-item-demo:nth-child(2n) {
background-color: #fafafa;
background-color: rgba(221, 221, 221, 0.2);
}
.carousel-item-demo:nth-child(2n + 1) {
background-color: #edf0f3;
background-color: rgba(221, 221, 221, 0.1);
}
</style>

View File

@ -19,7 +19,7 @@ export default {
<style scoped>
.tiny-carousel__item h3 {
color: #475669;
color: #808080;
opacity: 0.75;
line-height: 150px;
margin: 0;
@ -28,10 +28,10 @@ export default {
}
.carousel-item-demo:nth-child(2n) {
background-color: #fafafa;
background-color: rgba(221, 221, 221, 0.2);
}
.carousel-item-demo:nth-child(2n + 1) {
background-color: #edf0f3;
background-color: rgba(221, 221, 221, 0.1);
}
</style>

View File

@ -12,7 +12,7 @@ import { TinyCarousel, TinyCarouselItem } from '@opentiny/vue'
<style scoped>
.tiny-carousel__item h3 {
color: #475669;
color: #808080;
opacity: 0.75;
line-height: 150px;
margin: 0;
@ -21,10 +21,10 @@ import { TinyCarousel, TinyCarouselItem } from '@opentiny/vue'
}
.carousel-item-demo:nth-child(2n) {
background-color: #fafafa;
background-color: rgba(221, 221, 221, 0.2);
}
.carousel-item-demo:nth-child(2n + 1) {
background-color: #edf0f3;
background-color: rgba(221, 221, 221, 0.1);
}
</style>

View File

@ -19,7 +19,7 @@ export default {
<style scoped>
.tiny-carousel__item h3 {
color: #475669;
color: #808080;
opacity: 0.75;
line-height: 150px;
margin: 0;
@ -28,10 +28,10 @@ export default {
}
.carousel-item-demo:nth-child(2n) {
background-color: #fafafa;
background-color: rgba(221, 221, 221, 0.2);
}
.carousel-item-demo:nth-child(2n + 1) {
background-color: #edf0f3;
background-color: rgba(221, 221, 221, 0.1);
}
</style>

View File

@ -12,7 +12,7 @@
.inject-CarouselItem-vars() {
--tv-CarouselItem-title-height: var(--tv-size-height-lg);
--tv-CarouselItem-title-text-color: var(--tv-color-text-inverse);
--tv-CarouselItem-title-text-color: var(--tv-color-text-weaken);
--tv-CarouselItem-title-bg-color: var(--tv-color-bg-primary);
--tv-CarouselItem-title-span-font-size: var(--tv-font-size-default);
--tv-CarouselItem-mask-bg-color: var(--tv-color-bg-secondary);