From 3f96aeb74d98f439c16a3cf787683dfe2231ec3f Mon Sep 17 00:00:00 2001 From: AirboZH Date: Tue, 5 Mar 2024 23:37:01 +0800 Subject: [PATCH] pref: adapt comment widget css var --- src/css/colors/typography-dark.scss | 35 +++++++++++++++++++++++++++-- 1 file changed, 33 insertions(+), 2 deletions(-) diff --git a/src/css/colors/typography-dark.scss b/src/css/colors/typography-dark.scss index d8709b4..3614d35 100644 --- a/src/css/colors/typography-dark.scss +++ b/src/css/colors/typography-dark.scss @@ -102,18 +102,49 @@ /* Plugin-Search-Widget */ --halo-search-widget-color-modal-layer: rgba(10, 11, 12, 0.8); --halo-search-widget-color-modal-content-bg: rgb(27, 27, 30); - --halo-search-widget-color-form-input: rgb(255, 255, 255); + --halo-search-widget-color-form-input: #afb0b1; --halo-search-widget-color-form-input-placeholder: #868686; --halo-search-widget-color-form-input-bg: rgb(27, 27, 30); --halo-search-widget-color-form-divider: #292929; --halo-search-widget-color-result-item-bg: #232323; --halo-search-widget-color-result-item-hover-bg: #2b3033; - --halo-search-widget-color-result-item-title: rgb(255 255 255); + --halo-search-widget-color-result-item-title: #afb0b1; --halo-search-widget-color-result-item-content: #868686; --halo-search-widget-color-command-kbd-item: #868686; --halo-search-widget-color-command-kbd-border: #868686; --halo-search-widget-color-result-empty: #868686; + /* Plugin-Comment-Widget */ + --halo-comment-widget-base-color: #adbac7; + --halo-comment-widget-component-form-input-bg-color: #22272e; + --halo-comment-widget-component-form-input-color: #afb0b1; + --halo-comment-widget-component-form-input-border-color: #444c56; + --halo-comment-widget-component-form-input-border-color-focus: #65a3ff; + --halo-comment-widget-component-form-input-box-shadow-focus: 0 0 0 0.15em #1c3966; + --halo-comment-widget-component-form-button-login-bg-color: #22272e; + --halo-comment-widget-component-form-button-login-bg-color-hover: #22222c; + --halo-comment-widget-component-form-button-login-border-color: #475569; + --halo-comment-widget-component-form-button-submit-bg-color: #347d39; + --halo-comment-widget-component-form-button-submit-border-color: #cdd9e51a; + --halo-comment-widget-component-form-button-submit-border-color-hover: #cdd9e51a; + --halo-comment-widget-component-form-button-emoji-color: #768390; + + --halo-comment-widget-component-comment-item-meta-info-color: darkgary; + --halo-comment-widget-component-comment-item-action-bg-color-hover: #475569; + --halo-comment-widget-component-comment-item-action-color: #768390; + --halo-comment-widget-component-comment-item-action-color-hover: #94a3b8; + + --halo-comment-widget-component-pagination-button-bg-color-hover: #475569; + --halo-comment-widget-component-pagination-button-bg-color-active: #475569; + --halo-comment-widget-component-pagination-button-border-color-active: #475569; + + --halo-comment-widget-component-emoji-picker-rgb-color: 222, 222, 221; + --halo-comment-widget-component-emoji-picker-rgb-accent: 58, 130, 247; + --halo-comment-widget-component-emoji-picker-rgb-background: 21, 22, 23; + --halo-comment-widget-component-emoji-picker-rgb-input: 0, 0, 0; + --halo-comment-widget-component-emoji-picker-color-border: rgba(255, 255, 255, 0.1); + --halo-comment-widget-component-emoji-picker-color-border-over: rgba(255, 255, 255, 0.2); + .light { display: none; }