From 12160bb1b570ddc1dc5cfa7a4db77b86148d2b4b Mon Sep 17 00:00:00 2001 From: landaiqing <3517283258@qq.com> Date: Tue, 22 Oct 2024 11:51:31 +0800 Subject: [PATCH] :bug: fix dark mode invalidation --- auto-import.d.ts | 2 +- components.d.ts | 17 + package.json | 14 +- src/assets/styles/colors.module.scss | 14 +- src/assets/styles/global.scss | 43 - src/assets/styles/normalize.css | 362 +++++++ src/assets/styles/theme.scss | 60 +- src/components/Clouds/index.scss | 3 - .../CommentReply/src/CommentInput/index.scss | 4 +- .../CommentReply/src/CommentList/index.scss | 14 +- .../CommentReply/src/ReplyInput/index.scss | 10 +- .../CommentReply/src/ReplyList/index.scss | 18 +- .../src/ReplyReplyInput/index.scss | 10 +- src/layout/Landing/Content/Content.vue | 8 +- src/layout/Landing/Content/index.scss | 18 + src/layout/Landing/Header/Header.vue | 2 +- src/layout/Landing/index.scss | 4 +- src/main.ts | 3 +- src/utils/websocket/websocket.ts | 1 + src/views/404/NotFound.vue | 2 +- src/views/Forget/ForgetPage.vue | 4 +- src/views/Forget/index.scss | 7 +- src/views/Login/LoginFooter.vue | 2 +- src/views/Login/LoginPage.vue | 7 +- src/views/Login/index.scss | 5 +- src/views/Main/MainPage.vue | 4 +- src/views/Main/index.scss | 9 + src/views/QRLogin/QRLogin.vue | 4 +- src/views/QRLogin/QRLoginFooter.vue | 2 +- src/views/QRLogin/index.scss | 7 +- vite.config.ts | 3 +- yarn.lock | 932 +++++++----------- 32 files changed, 856 insertions(+), 739 deletions(-) delete mode 100644 src/assets/styles/global.scss create mode 100644 src/assets/styles/normalize.css create mode 100644 src/layout/Landing/Content/index.scss create mode 100644 src/views/Main/index.scss diff --git a/auto-import.d.ts b/auto-import.d.ts index a97c0ed..2ee14ff 100644 --- a/auto-import.d.ts +++ b/auto-import.d.ts @@ -304,6 +304,6 @@ declare global { // for type re-export declare global { // @ts-ignore - export type { Component, ComponentPublicInstance, ComputedRef, ExtractDefaultPropTypes, ExtractPropTypes, ExtractPublicPropTypes, InjectionKey, PropType, Ref, VNode, WritableComputedRef } from 'vue' + export type { Component, ComponentPublicInstance, ComputedRef, DirectiveBinding, ExtractDefaultPropTypes, ExtractPropTypes, ExtractPublicPropTypes, InjectionKey, PropType, Ref, MaybeRef, MaybeRefOrGetter, VNode, WritableComputedRef } from 'vue' import('vue') } diff --git a/components.d.ts b/components.d.ts index 69ccead..85bc554 100644 --- a/components.d.ts +++ b/components.d.ts @@ -7,36 +7,52 @@ export {} /* prettier-ignore */ declare module 'vue' { export interface GlobalComponents { + AAvatar: typeof import('ant-design-vue/es')['Avatar'] + ABadge: typeof import('ant-design-vue/es')['Badge'] AButton: typeof import('ant-design-vue/es')['Button'] ACard: typeof import('ant-design-vue/es')['Card'] ACheckbox: typeof import('ant-design-vue/es')['Checkbox'] AConfigProvider: typeof import('ant-design-vue/es')['ConfigProvider'] ADivider: typeof import('ant-design-vue/es')['Divider'] ADropdown: typeof import('ant-design-vue/es')['Dropdown'] + AEmpty: typeof import('ant-design-vue/es')['Empty'] AFlex: typeof import('ant-design-vue/es')['Flex'] AForm: typeof import('ant-design-vue/es')['Form'] AFormItem: typeof import('ant-design-vue/es')['FormItem'] + AImage: typeof import('ant-design-vue/es')['Image'] + AImagePreviewGroup: typeof import('ant-design-vue/es')['ImagePreviewGroup'] AInput: typeof import('ant-design-vue/es')['Input'] AInputPassword: typeof import('ant-design-vue/es')['InputPassword'] + AList: typeof import('ant-design-vue/es')['List'] + AListItem: typeof import('ant-design-vue/es')['ListItem'] AMenu: typeof import('ant-design-vue/es')['Menu'] AMenuItem: typeof import('ant-design-vue/es')['MenuItem'] AModal: typeof import('ant-design-vue/es')['Modal'] + APagination: typeof import('ant-design-vue/es')['Pagination'] + APopover: typeof import('ant-design-vue/es')['Popover'] AQrcode: typeof import('ant-design-vue/es')['QRCode'] + ASkeleton: typeof import('ant-design-vue/es')['Skeleton'] ASpin: typeof import('ant-design-vue/es')['Spin'] ATabPane: typeof import('ant-design-vue/es')['TabPane'] ATabs: typeof import('ant-design-vue/es')['Tabs'] + ATag: typeof import('ant-design-vue/es')['Tag'] + ATextarea: typeof import('ant-design-vue/es')['Textarea'] ATooltip: typeof import('ant-design-vue/es')['Tooltip'] + AUpload: typeof import('ant-design-vue/es')['Upload'] BoxDog: typeof import('./src/components/BoxDog/BoxDog.vue')['default'] Card3D: typeof import('./src/components/Card3D/Card3D.vue')['default'] + CloseCircleOutlined: typeof import('@ant-design/icons-vue')['CloseCircleOutlined'] Clouds: typeof import('./src/components/Clouds/Clouds.vue')['default'] CommentInput: typeof import('./src/components/CommentReply/src/CommentInput/CommentInput.vue')['default'] CommentList: typeof import('./src/components/CommentReply/src/CommentList/CommentList.vue')['default'] CommentReply: typeof import('./src/components/CommentReply/index.vue')['default'] DynamicTitle: typeof import('./src/components/DynamicTitle/DynamicTitle.vue')['default'] EffectsCard: typeof import('./src/components/EffectsCard/EffectsCard.vue')['default'] + EyeOutlined: typeof import('@ant-design/icons-vue')['EyeOutlined'] ForgetPage: typeof import('./src/views/Forget/ForgetPage.vue')['default'] GithubOutlined: typeof import('@ant-design/icons-vue')['GithubOutlined'] LandingPage: typeof import('./src/views/Landing/LandingPage.vue')['default'] + LockOutlined: typeof import('@ant-design/icons-vue')['LockOutlined'] LoginFooter: typeof import('./src/views/Login/LoginFooter.vue')['default'] LoginPage: typeof import('./src/views/Login/LoginPage.vue')['default'] MainPage: typeof import('./src/views/Main/MainPage.vue')['default'] @@ -52,6 +68,7 @@ declare module 'vue' { SafetyOutlined: typeof import('@ant-design/icons-vue')['SafetyOutlined'] TabletOutlined: typeof import('@ant-design/icons-vue')['TabletOutlined'] UserOutlined: typeof import('@ant-design/icons-vue')['UserOutlined'] + WarningOutlined: typeof import('@ant-design/icons-vue')['WarningOutlined'] WechatOutlined: typeof import('@ant-design/icons-vue')['WechatOutlined'] } } diff --git a/package.json b/package.json index 04759ab..29d4598 100644 --- a/package.json +++ b/package.json @@ -15,7 +15,7 @@ "@types/animejs": "^3.1.12", "@types/crypto-js": "^4.2.2", "@types/json-stringify-safe": "^5.0.3", - "@types/node": "^22.7.5", + "@types/node": "^22.7.7", "@types/nprogress": "^0.2.3", "@vueuse/core": "^11.1.0", "alova": "^3.1.0", @@ -25,7 +25,7 @@ "browser-image-compression": "^2.0.2", "buffer": "^6.0.3", "crypto-js": "^4.2.0", - "eslint": "9.12.0", + "eslint": "9.13.0", "go-captcha-vue": "^2", "json-stringify-safe": "^5.0.1", "less": "^4.2.0", @@ -46,16 +46,16 @@ "ws": "^8.18.0" }, "devDependencies": { - "@eslint/js": "^9.12.0", + "@eslint/js": "^9.13.0", "@vitejs/plugin-vue": "^5.1.4", - "eslint-plugin-vue": "^9.29.0", + "eslint-plugin-vue": "^9.29.1", "globals": "^15.11.0", - "sass": "^1.79.5", + "sass": "^1.80.3", "typescript": "^5.6.3", - "typescript-eslint": "^8.9.0", + "typescript-eslint": "^8.10.0", "unplugin-vue-components": "^0.27.4", "vite": "^5.4.9", - "vite-plugin-bundle-obfuscator": "^1.2.0", + "vite-plugin-bundle-obfuscator": "1.2.1", "vite-plugin-chunk-split": "^0.5.0", "vue-tsc": "^2.1.6" } diff --git a/src/assets/styles/colors.module.scss b/src/assets/styles/colors.module.scss index 696ea24..8a27b6d 100644 --- a/src/assets/styles/colors.module.scss +++ b/src/assets/styles/colors.module.scss @@ -8,31 +8,31 @@ $purple: #722ED1; $colors: ( - "red": ( + red: ( primary: $red, info: $red, ), - "orange": ( + orange: ( primary: $orange, info: $orange, ), - "yellow": ( + yellow: ( primary: $yellow, info: $yellow, ), - "cyan": ( + cyan: ( primary: $cyan, info: $cyan, ), - "green": ( + green: ( primary: $green, info: $green, ), - "blue": ( + blue: ( primary: $blue, info: $blue, ), - "purple": ( + purple: ( primary: $purple, info: $purple, ) diff --git a/src/assets/styles/global.scss b/src/assets/styles/global.scss deleted file mode 100644 index 77816dc..0000000 --- a/src/assets/styles/global.scss +++ /dev/null @@ -1,43 +0,0 @@ -@import "theme"; - -:root { - --background-color: #ffffff; - --text-color: #000000; -} - -[data-theme="dark"] { - --background-color: #121212; - --text-color: #ffffff; -} - -#app { - position: relative; - transition: background-color 0.3s, - color 0.3s; - width: 100vw; - height: 100vh; - overflow-x: hidden; - @include useTheme { - background-color: getModeVar('bgColor') !important; - color: getModeVar('infoColor') !important; - } -} - -* { - margin: 0; - padding: 0; - border: 0; - outline: 0; - font-size: 100%; - vertical-align: baseline; -} - -#nprogress .bar { - background: #48c453 !important; //自定义颜色 -} - -#nprogress .peg { - box-shadow: 0 0 10px cyan, 0 0 5px cyan !important; -} - - diff --git a/src/assets/styles/normalize.css b/src/assets/styles/normalize.css new file mode 100644 index 0000000..abbbb15 --- /dev/null +++ b/src/assets/styles/normalize.css @@ -0,0 +1,362 @@ +/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */ + +/* Document + ========================================================================== */ + +/** + * 1. Correct the line height in all browsers. + * 2. Prevent adjustments of font size after orientation changes in iOS. + */ + +html { + line-height: 1.15; /* 1 */ + -webkit-text-size-adjust: 100%; /* 2 */ +} + +/* Sections + ========================================================================== */ + +/** + * Remove the margin in all browsers. + */ + +body { + margin: 0; + padding: 0; + border: 0; + outline: 0; + font-size: 100%; + vertical-align: baseline; +} + +/** + * Render the `main` element consistently in IE. + */ + +main { + display: block; +} + +/** + * Correct the font size and margin on `h1` elements within `section` and + * `article` contexts in Chrome, Firefox, and Safari. + */ + +h1 { + font-size: 2em; + margin: 0.67em 0; +} + +/* Grouping content + ========================================================================== */ + +/** + * 1. Add the correct box sizing in Firefox. + * 2. Show the overflow in Edge and IE. + */ + +hr { + box-sizing: content-box; /* 1 */ + height: 0; /* 1 */ + overflow: visible; /* 2 */ +} + +/** + * 1. Correct the inheritance and scaling of font size in all browsers. + * 2. Correct the odd `em` font sizing in all browsers. + */ + +pre { + font-family: monospace, monospace; /* 1 */ + font-size: 1em; /* 2 */ +} + +/* Text-level semantics + ========================================================================== */ + +/** + * Remove the gray background on active links in IE 10. + */ + +a { + background-color: transparent; +} + +p { + display: block; + margin-block-start: 0; + margin-block-end: 0; + margin-inline-start: 0; + margin-inline-end: 0; +} + +/** + * 1. Remove the bottom border in Chrome 57- + * 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari. + */ + +abbr[title] { + border-bottom: none; /* 1 */ + text-decoration: underline; /* 2 */ + text-decoration: underline dotted; /* 2 */ +} + +/** + * Add the correct font weight in Chrome, Edge, and Safari. + */ + +b, +strong { + font-weight: bolder; +} + +/** + * 1. Correct the inheritance and scaling of font size in all browsers. + * 2. Correct the odd `em` font sizing in all browsers. + */ + +code, +kbd, +samp { + font-family: monospace, monospace; /* 1 */ + font-size: 1em; /* 2 */ +} + +/** + * Add the correct font size in all browsers. + */ + +small { + font-size: 80%; +} + +/** + * Prevent `sub` and `sup` elements from affecting the line height in + * all browsers. + */ + +sub, +sup { + font-size: 75%; + line-height: 0; + position: relative; + vertical-align: baseline; +} + +sub { + bottom: -0.25em; +} + +sup { + top: -0.5em; +} + +/* Embedded content + ========================================================================== */ + +/** + * Remove the border on images inside links in IE 10. + */ + +img { + border-style: none; +} + +/* Forms + ========================================================================== */ + +/** + * 1. Change the font styles in all browsers. + * 2. Remove the margin in Firefox and Safari. + */ + +button, +input, +optgroup, +select, +textarea { + font-family: inherit; /* 1 */ + font-size: 100%; /* 1 */ + line-height: 1.15; /* 1 */ + margin: 0; /* 2 */ +} + +/** + * Show the overflow in IE. + * 1. Show the overflow in Edge. + */ + +button, +input { /* 1 */ + overflow: visible; +} + +/** + * Remove the inheritance of text transform in Edge, Firefox, and IE. + * 1. Remove the inheritance of text transform in Firefox. + */ + +button, +select { /* 1 */ + text-transform: none; +} + +/** + * Correct the inability to style clickable types in iOS and Safari. + */ + +button, +[type="button"], +[type="reset"], +[type="submit"] { + -webkit-appearance: button; +} + +/** + * Remove the inner border and padding in Firefox. + */ + +button::-moz-focus-inner, +[type="button"]::-moz-focus-inner, +[type="reset"]::-moz-focus-inner, +[type="submit"]::-moz-focus-inner { + border-style: none; + padding: 0; +} + +/** + * Restore the focus styles unset by the previous rule. + */ + +button:-moz-focusring, +[type="button"]:-moz-focusring, +[type="reset"]:-moz-focusring, +[type="submit"]:-moz-focusring { + outline: 1px dotted ButtonText; +} + +/** + * Correct the padding in Firefox. + */ + +fieldset { + padding: 0.35em 0.75em 0.625em; +} + +/** + * 1. Correct the text wrapping in Edge and IE. + * 2. Correct the color inheritance from `fieldset` elements in IE. + * 3. Remove the padding so developers are not caught out when they zero out + * `fieldset` elements in all browsers. + */ + +legend { + box-sizing: border-box; /* 1 */ + color: inherit; /* 2 */ + display: table; /* 1 */ + max-width: 100%; /* 1 */ + padding: 0; /* 3 */ + white-space: normal; /* 1 */ +} + +/** + * Add the correct vertical alignment in Chrome, Firefox, and Opera. + */ + +progress { + vertical-align: baseline; +} + +/** + * Remove the default vertical scrollbar in IE 10+. + */ + +textarea { + overflow: auto; +} + +/** + * 1. Add the correct box sizing in IE 10. + * 2. Remove the padding in IE 10. + */ + +[type="checkbox"], +[type="radio"] { + box-sizing: border-box; /* 1 */ + padding: 0; /* 2 */ +} + +/** + * Correct the cursor style of increment and decrement buttons in Chrome. + */ + +[type="number"]::-webkit-inner-spin-button, +[type="number"]::-webkit-outer-spin-button { + height: auto; +} + +/** + * 1. Correct the odd appearance in Chrome and Safari. + * 2. Correct the outline style in Safari. + */ + +[type="search"] { + -webkit-appearance: textfield; /* 1 */ + outline-offset: -2px; /* 2 */ +} + +/** + * Remove the inner padding in Chrome and Safari on macOS. + */ + +[type="search"]::-webkit-search-decoration { + -webkit-appearance: none; +} + +/** + * 1. Correct the inability to style clickable types in iOS and Safari. + * 2. Change font properties to `inherit` in Safari. + */ + +::-webkit-file-upload-button { + -webkit-appearance: button; /* 1 */ + font: inherit; /* 2 */ +} + +/* Interactive + ========================================================================== */ + +/* + * Add the correct display in Edge, IE 10+, and Firefox. + */ + +details { + display: block; +} + +/* + * Add the correct display in all browsers. + */ + +summary { + display: list-item; +} + +/* Misc + ========================================================================== */ + +/** + * Add the correct display in IE 10+. + */ + +template { + display: none; +} + +/** + * Add the correct display in IE 10. + */ + +[hidden] { + display: none; +} diff --git a/src/assets/styles/theme.scss b/src/assets/styles/theme.scss index 87bd296..8a95415 100644 --- a/src/assets/styles/theme.scss +++ b/src/assets/styles/theme.scss @@ -1,35 +1,35 @@ -@import "colors.module"; - -$modes: ( - "light": ( - bgColor: transparent, - infoColor: #000 - ), - "dark": ( - bgColor: rgba(15, 15, 16, 0.63), - infoColor: #fff - ) -); -$curMode: light; -$curTheme: red; -@mixin useTheme() { - @each $key1, $value1 in $modes { - $curMode: $key1 !global; - @each $key2, $value2 in $colors { - $curTheme: $key2 !global; - html[data-dark='#{$key1}'][data-theme='#{$key2}'] & { - @content; - } - } - } +:root { + --background-color: #ffffff; + --text-color: #000000; + // 着陆页背景颜色 + --landing-background-color-main: #b9f187; + --comment-text-color: #767779; } -@function getModeVar($key) { - $modeMap: map-get($modes, $curMode); - @return map-get($modeMap, $key); +[data-dark="dark"] { + --background-color: #121212; + --text-color: #ffffff; + // 着陆页背景颜色 + --landing-background-color-main: rgb(0, 0, 0); + --comment-text-color: #ffffff; } -@function getColor($key) { - $themeMap: map-get($colors, $curTheme); - @return map-get($themeMap, $key); +#app { + position: relative; + transition: background-color 0.3s, + color 0.3s; + width: 100%; + min-height: 100vh; + overflow-x: hidden; } + + +#nprogress .bar { + background: #48c453 !important; //自定义颜色 +} + +#nprogress .peg { + box-shadow: 0 0 10px cyan, 0 0 5px cyan !important; +} + + diff --git a/src/components/Clouds/index.scss b/src/components/Clouds/index.scss index 29c0817..ad2a6f6 100644 --- a/src/components/Clouds/index.scss +++ b/src/components/Clouds/index.scss @@ -119,9 +119,6 @@ body { z-index: 1; width: 2000px; height: 100%; - //background: url("https://www.digitalocean.com/assets/media/products/header-04dcc3be.svg"); - //background-position: bottom; - //background-repeat: no-repeat; content: ""; transform: translateX(-50%); } diff --git a/src/components/CommentReply/src/CommentInput/index.scss b/src/components/CommentReply/src/CommentInput/index.scss index 094449b..df4f062 100644 --- a/src/components/CommentReply/src/CommentInput/index.scss +++ b/src/components/CommentReply/src/CommentInput/index.scss @@ -22,7 +22,7 @@ .comment-action-item { cursor: pointer; - color: #767779; + color: var(--comment-text-color); .comment-emoji-item { display: flex; @@ -33,7 +33,7 @@ .comment-action-icon { font-size: 14px; - color: #767779; + color: var(--comment-text-color); } .comment-action-icon:hover { diff --git a/src/components/CommentReply/src/CommentList/index.scss b/src/components/CommentReply/src/CommentList/index.scss index b5ec329..6d30055 100644 --- a/src/components/CommentReply/src/CommentList/index.scss +++ b/src/components/CommentReply/src/CommentList/index.scss @@ -37,12 +37,12 @@ .reply-ip { font-size: 12px; - color: #767779; + color: var(--comment-text-color); } .reply-time { font-size: 12px; - color: #767779; + color: var(--comment-text-color); } .reply-card { @@ -61,14 +61,14 @@ .reply-action-btn { font-size: 13px; - color: #767779; + color: var(--comment-text-color); cursor: pointer; } .reply-action-icon { font-size: 14px; - color: #767779; + color: var(--comment-text-color); cursor: pointer; } @@ -90,7 +90,7 @@ .reply-action-icon-number { font-size: 12px; cursor: pointer; - color: #767779; + color: var(--comment-text-color); } } @@ -99,7 +99,7 @@ .reply-action-btn { font-size: 15px; - color: #767779; + color: var(--comment-text-color); cursor: pointer; } @@ -111,7 +111,7 @@ .reply-action-info { font-size: 10px; - color: #767779; + color: var(--comment-text-color); cursor: pointer; } } diff --git a/src/components/CommentReply/src/ReplyInput/index.scss b/src/components/CommentReply/src/ReplyInput/index.scss index e9a926d..0c2606f 100644 --- a/src/components/CommentReply/src/ReplyInput/index.scss +++ b/src/components/CommentReply/src/ReplyInput/index.scss @@ -3,18 +3,18 @@ .reply-input-title { font-size: 13px; - color: #767779; + color: var(--comment-text-color); } .reply-input-author { font-size: 13px; - color: #767779; + color: var(--comment-text-color); } .reply-input-cancel { margin-left: 10px; font-size: 13px; - color: #767779; + color: var(--comment-text-color); cursor: pointer; } @@ -33,11 +33,11 @@ .comment-action-item-reply { cursor: pointer; - color: #767779; + color: var(--comment-text-color); .comment-action-icon-reply { font-size: 14px; - color: #767779; + color: var(--comment-text-color); } .comment-action-icon-reply:hover { diff --git a/src/components/CommentReply/src/ReplyList/index.scss b/src/components/CommentReply/src/ReplyList/index.scss index ecc48e3..9b7e478 100644 --- a/src/components/CommentReply/src/ReplyList/index.scss +++ b/src/components/CommentReply/src/ReplyList/index.scss @@ -1,7 +1,7 @@ .reply-item-child { margin-top: 10px; border-radius: 10px; - background-color: #f5f5f5; + background-color: var(--background-color); padding: 10px; .reply-pagination-child { @@ -15,7 +15,7 @@ .reply-at { font-size: 14px; - color: #767779; + color: var(--comment-text-color); cursor: pointer; } @@ -38,12 +38,12 @@ .reply-ip-child { font-size: 12px; - color: #767779; + color: var(--comment-text-color); } .reply-time-child { font-size: 12px; - color: #767779; + color: var(--comment-text-color); } .reply-card-child { @@ -54,13 +54,13 @@ .reply-action-btn-child { font-size: 13px; - color: #767779; + color: var(--comment-text-color); cursor: pointer; } .reply-action-icon-child { font-size: 14px; - color: #767779; + color: var(--comment-text-color); cursor: pointer; } @@ -82,7 +82,7 @@ .reply-action-icon-number-child { font-size: 12px; cursor: pointer; - color: #767779; + color: var(--comment-text-color); } } @@ -92,7 +92,7 @@ .reply-action-btn-child { font-size: 15px; - color: #767779; + color: var(--comment-text-color); cursor: pointer; } @@ -104,7 +104,7 @@ .reply-action-info-child { font-size: 10px; - color: #767779; + color: var(--comment-text-color); cursor: pointer; } } diff --git a/src/components/CommentReply/src/ReplyReplyInput/index.scss b/src/components/CommentReply/src/ReplyReplyInput/index.scss index 58a21c9..885db0d 100644 --- a/src/components/CommentReply/src/ReplyReplyInput/index.scss +++ b/src/components/CommentReply/src/ReplyReplyInput/index.scss @@ -3,18 +3,18 @@ .reply-input-title-child { font-size: 13px; - color: #767779; + color: var(--comment-text-color); } .reply-input-author-child { font-size: 13px; - color: #767779; + color: var(--comment-text-color); } .reply-input-cancel-child { margin-left: 10px; font-size: 13px; - color: #767779; + color: var(--comment-text-color); cursor: pointer; } @@ -33,11 +33,11 @@ .comment-action-item-reply-child { cursor: pointer; - color: #767779; + color: var(--comment-text-color); .comment-action-icon-reply-child { font-size: 14px; - color: #767779; + color: var(--comment-text-color); } .comment-action-icon-reply-child:hover { diff --git a/src/layout/Landing/Content/Content.vue b/src/layout/Landing/Content/Content.vue index 0ac35fb..6ea6ca0 100644 --- a/src/layout/Landing/Content/Content.vue +++ b/src/layout/Landing/Content/Content.vue @@ -1,7 +1,7 @@