fix: the dark mode color

frontend/appflowy_web_app/src/application/slate-yjs/__tests__/convert.test.ts

@@ -7,7 +7,7 @@ describe('convert yjs data to slate content', () => {
   it('should return undefined if root block is not exist', () => {
     const doc = new Y.Doc();
 
-    expect(() => yDocToSlateContent(doc)).toBeUndefined();
+    expect(yDocToSlateContent(doc)).toBeUndefined();
 
     const doc2 = withTestingYDoc('1');
     const { blocks, childrenMap, textMap, pageId } = getTestingDocData(doc2);

frontend/appflowy_web_app/src/assets/bulleted_list_icon_1.svg

@@ -1,3 +1,3 @@
 <svg width="18" height="18" viewBox="0 0 18 18" fill="none" xmlns="http://www.w3.org/2000/svg">
-<circle cx="9" cy="9" r="2.75" fill="#454545"/>
+    <circle cx="9" cy="9" r="2.75" fill="currentColor"/>
 </svg>

frontend/appflowy_web_app/src/assets/bulleted_list_icon_2.svg

@@ -1,3 +1,3 @@
 <svg width="18" height="18" viewBox="0 0 18 18" fill="none" xmlns="http://www.w3.org/2000/svg">
-<circle cx="9" cy="9" r="2.75" stroke="#454545"/>
+    <circle cx="9" cy="9" r="2.75" stroke="currentColor"/>
 </svg>

frontend/appflowy_web_app/src/assets/bulleted_list_icon_3.svg

@@ -1,3 +1,3 @@
 <svg width="18" height="18" viewBox="0 0 18 18" fill="none" xmlns="http://www.w3.org/2000/svg">
-<rect width="5" height="5" transform="translate(6.5 6.5)" fill="#454545"/>
+    <rect width="5" height="5" transform="translate(6.5 6.5)" fill="currentColor"/>
 </svg>