🐛 fix: show correct colors in light-mode

SnailyCAD · Jan 31, 2022 · beeeca1 · beeeca1
1 parent 688ab4c
commit beeeca1
Show file tree

Hide file tree

Showing 3 changed files with 5 additions and 4 deletions.
diff --git a/packages/client/src/components/admin/values/import/OptionsDropdown.tsx b/packages/client/src/components/admin/values/import/OptionsDropdown.tsx
@@ -1,4 +1,3 @@
-import * as React from "react";
 import { ThreeDots } from "react-bootstrap-icons";
 import { useTranslations } from "next-intl";
 import { Button } from "components/Button";
@@ -28,7 +27,7 @@ export function OptionsDropdown({ values }: { values: TValue[] }) {
       className="dropdown-right"
       trigger={
         <Button className="flex items-center justify-center w-8 h-8">
-          <ThreeDots width={15} height={15} className="text-gray-700 dark:text-gray-300" />
+          <ThreeDots width={15} height={15} className="text-gray-300" />
         </Button>
       }
     >

diff --git a/packages/client/src/components/modal/DescriptionModal/Editor.tsx b/packages/client/src/components/modal/DescriptionModal/Editor.tsx
@@ -54,6 +54,8 @@ export function Editor({ isReadonly, value, onChange }: EditorProps) {
       <Slate editor={editor} value={value as Descendant[]} onChange={handleChange}>
         {isReadonly ? null : <Toolbar />}
         <Editable
+          spellCheck="false"
+          autoComplete="off"
           readOnly={isReadonly}
           renderLeaf={renderLeaf}
           renderElement={renderElement}

diff --git a/packages/client/src/components/modal/DescriptionModal/Toolbar.tsx b/packages/client/src/components/modal/DescriptionModal/Toolbar.tsx
@@ -68,7 +68,7 @@ function BlockButton({ format, icon }: ButtonProps) {
         title={format}
         type="button"
         variant={isActive ? null : "default"}
-        className={classNames(isActive && "dark:bg-neutral-700")}
+        className={classNames(isActive && "text-white bg-neutral-700")}
         onClick={() => {
           toggleBlock(editor, format);
         }}
@@ -89,7 +89,7 @@ const MarkButton = ({ format, icon }: ButtonProps) => {
         title={format}
         type="button"
         variant={isActive ? null : "default"}
-        className={classNames(isActive && "dark:bg-neutral-700")}
+        className={classNames(isActive && "text-white bg-neutral-700")}
         onClick={() => {
           toggleMark(editor, format);
         }}