diff --git a/src/assets/scss/theme.scss b/src/assets/scss/theme.scss index 8af7eb9..7271ce9 100644 --- a/src/assets/scss/theme.scss +++ b/src/assets/scss/theme.scss @@ -9,7 +9,7 @@ --l-c-9: #823aa099; --l-fc-1: #808695; --l-fc-2: #332f5c; - --l-fc-3: #332f5c88; + --l-fc-3: #823aa0; --l-bgc-1: #ffffff; --l-bgc-2: #f2f6f9; --l-bsc: 0 3px 1px -2px #8e8da233, 0 2px 2px 0 #8e8da224, 0 1px 5px 0 #8e8da21f; @@ -26,8 +26,8 @@ --d-c-8: #38dd7788; --d-c-9: #38dd7799; --d-fc-1: #808695; - --d-fc-2: #808080; - --d-fc-3: #acacac; + --d-fc-2: #acacac; + --d-fc-3: #38dd77; --d-bgc-1: #222222; --d-bgc-2: #2f2f2f; --d-bsc: 0 3px 1px -2px #38dd7733, 0 2px 2px 0 #38dd7722, 0 1px 5px 0 #38dd7711; diff --git a/src/assets/scss/theme/dark.scss b/src/assets/scss/theme/dark.scss index d8dc3f1..1a2f759 100644 --- a/src/assets/scss/theme/dark.scss +++ b/src/assets/scss/theme/dark.scss @@ -62,8 +62,8 @@ li{ border-bottom-color: var(--d-c-2); &:hover{ - animation: tableHoverAni 0.2s ease both; - @keyframes tableHoverAni { + animation: d-tableHoverAni 0.2s ease both; + @keyframes d-tableHoverAni { to{ box-shadow: var(--d-bsc-hover); } @@ -325,4 +325,18 @@ } } } + .share{ + background-color: var(--d-bgc-1); + color: var(--d-fc-1); + border: 1px solid var(--d-c-8); + .right{ + color: var(--d-fc-1); + .tops{ + color: var(--d-fc-2); + } + } + .share-mask{ + background-color: var(--d-bgc-1); + } + } } diff --git a/src/assets/scss/theme/light.scss b/src/assets/scss/theme/light.scss index 11d5f59..643103d 100644 --- a/src/assets/scss/theme/light.scss +++ b/src/assets/scss/theme/light.scss @@ -53,8 +53,8 @@ li{ border-bottom-color: var(--l-c-2); &:hover{ - animation: tableHoverAni 0.2s ease both; - @keyframes tableHoverAni { + animation: l-tableHoverAni 0.2s ease both; + @keyframes l-tableHoverAni { to{ box-shadow: var(--l-bsc-hover); } @@ -316,4 +316,18 @@ } } } + .share{ + background-color: var(--l-bgc-1); + color: var(--l-fc-1); + border: 1px solid var(--l-c-8); + .right{ + color: var(--l-fc-1); + .tops{ + color: var(--l-fc-2); + } + } + .share-mask{ + background-color: var(--l-bgc-1); + } + } } diff --git a/src/components/Film.vue b/src/components/Film.vue index b495b30..f100f16 100644 --- a/src/components/Film.vue +++ b/src/components/Film.vue @@ -21,7 +21,6 @@
-
{{typeName}}