fix: minor css vars issues (#2662)

Author: artem-harbour

packages/super-editor/src/editors/v1/components/toolbar/IconGrid.vue

@@ -60,6 +60,8 @@ const handleSelect = (option) => {
   align-items: center;
   gap: 4px;
   padding: 4px;
+  color: var(--sd-ui-text, #47484a);
+
   &:hover {
     opacity: 0.65;
   }

packages/superdoc/src/assets/styles/helpers/themes.css

@@ -34,6 +34,7 @@
   --sd-ui-comments-card-shadow: 0 1px 2px rgba(60, 64, 67, 0.2), 0 2px 6px rgba(60, 64, 67, 0.18);
   --sd-ui-comments-separator: #c7cdd6;
   --sd-ui-comments-timestamp-text: #5f6368;
+  --sd-ui-comments-input-bg: #fff;
   --sd-ui-comments-option-hover-bg: #e8eaed;
   --sd-ui-comments-input-border: #80868b;
 
@@ -94,6 +95,7 @@
   --sd-ui-comments-card-shadow: 0 2px 4px rgba(0, 0, 0, 0.16), 0 10px 20px rgba(0, 0, 0, 0.1);
   --sd-ui-comments-separator: #c8c6c4;
   --sd-ui-comments-timestamp-text: #605e5c;
+  --sd-ui-comments-input-bg: #fff;
   --sd-ui-comments-option-hover-bg: #f3f2f1;
   --sd-ui-comments-input-border: #8a8886;
 
@@ -161,6 +163,7 @@
   --sd-ui-comments-input-border: #7f96aa;
   --sd-ui-comments-separator: #9fb4c7;
   --sd-ui-comments-timestamp-text: #475569;
+  --sd-ui-comments-input-bg: #fff;
 
   /* Highlights */
   --sd-comments-highlight-external-base: #b45309;

packages/superdoc/src/components/CommentsLayer/CommentHeader.vue

@@ -255,6 +255,7 @@ const getCurrentUser = computed(() => {
   height: 14px;
   padding: 3px;
   border-radius: 50%;
+  color: var(--sd-ui-text, #47484a);
   cursor: pointer;
   transition: all 250ms ease;
 }

packages/superdoc/src/dev/themes/neon-night.css

@@ -50,7 +50,7 @@
   --sd-ui-comments-author-text: #e7f7ff;
   --sd-ui-comments-timestamp-text: #8fc4ef;
   --sd-ui-comments-body-text: #d6ecff;
-  --sd-ui-comments-input-bg: #0e1d33;
+  --sd-ui-comments-input-bg: #fff;
   --sd-ui-comments-input-border: #4a82be;
   --sd-ui-comments-dropdown-bg: #0a1a30;
   --sd-ui-comments-dropdown-border: #36659a;