From 3d2ca95ae9163bd66db16fa091f0295d2f236779 Mon Sep 17 00:00:00 2001 From: Hakadao Date: Fri, 1 Sep 2023 02:34:01 +0800 Subject: [PATCH] style: adjust video page dark mode style --- src/styles/adaptedStyles/index.scss | 1 + src/styles/adaptedStyles/video-page.scss | 38 ++++++++++++++++++++++++ src/styles/index.ts | 1 + 3 files changed, 40 insertions(+) create mode 100644 src/styles/adaptedStyles/index.scss create mode 100644 src/styles/adaptedStyles/video-page.scss diff --git a/src/styles/adaptedStyles/index.scss b/src/styles/adaptedStyles/index.scss new file mode 100644 index 00000000..f4c62e31 --- /dev/null +++ b/src/styles/adaptedStyles/index.scss @@ -0,0 +1 @@ +@import './video-page.scss' \ No newline at end of file diff --git a/src/styles/adaptedStyles/video-page.scss b/src/styles/adaptedStyles/video-page.scss new file mode 100644 index 00000000..b5180e8f --- /dev/null +++ b/src/styles/adaptedStyles/video-page.scss @@ -0,0 +1,38 @@ +.dark { + .user-card-m-exp .layout { + display: none; + } + + .user-card-m-exp .user-info-wrapper .info .btn-box .like:hover { + background-color: var(--bew-theme-color-80); + border-color: var(--bew-theme-color-80); + } + + // 投幣滑過&選中的邊框 + .coin-operated-m-exp .mc-box:hover, + .coin-operated-m-exp .mc-box.on { + border-color: var(--bew-theme-color); + } + + .video-share-popover { + // border-color: var(--bew-border-color); + border: none; + } + + // 評論人用戶名 + .reply-item .root-reply-container .content-warp .user-info .user-name { + // --520c991b: var(--bew-theme-color); + color: var(--bew-text-1); + } + + // UP主觉得很赞 + .reply-item + .root-reply-container + .content-warp + .root-reply + .reply-tag-list + .reply-tag-item { + color: var(--bew-text-2) !important; + background-color: var(--bew-fill-1) !important; + } +} diff --git a/src/styles/index.ts b/src/styles/index.ts index 1102dc3b..3f3d736b 100644 --- a/src/styles/index.ts +++ b/src/styles/index.ts @@ -3,3 +3,4 @@ import './variables.scss' import './main.scss' import './reset.scss' import 'uno.css' +import './adaptedStyles/index.scss'