pref: adapt comment widget css var

AirboZH · Mar 10, 2024 · 3f96aeb · 3f96aeb
1 parent e4570fa
commit 3f96aeb
Showing 1 changed file with 33 additions and 2 deletions.
diff --git 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;
   }