Merge pull request #1139 from tangly1024/fixbug/darkmode-text-color

Fixbug/darkmode text color

styles/globals.css

@@ -342,3 +342,19 @@ a.avatar-wrapper {
       column-gap: .5rem;
     }
   }
+
+.notion-external-title {
+  @apply dark:text-white !important;
+}
+
+.notion-external-subtitle {
+  @apply dark:text-gray-400 !important;
+}
+
+.notion-external-block {
+  @apply dark:border-gray-200 !important;
+}
+
+.notion-external-image > svg > g > path{
+  @apply dark:fill-gray-200 !important;
+}

themes/fukasawa/components/ArticleLock.js

@@ -25,7 +25,7 @@ export const ArticleLock = props => {
   return (<div id='container' className="flex justify-center">
     <div className="shadow md:hover:shadow-2xl overflow-x-auto max-w-5xl  w-screen md:w-full  py-10 px-5 lg:pt-24 md:px-24 min-h-screen dark:border-gray-700 bg-white dark:bg-gray-800 duration-200 subpixel-antialiased">
       <div className="w-full flex justify-center items-center h-96 font-sans">
-        <div className="text-center space-y-3">
+        <div className="text-center space-y-3 dark:text-gray-300 text-black">
           <div className='font-bold'>{locale.COMMON.ARTICLE_LOCK_TIPS}</div>
           <div className="flex mx-4">
             <input
@@ -35,7 +35,7 @@ export const ArticleLock = props => {
                   submitPassword()
                 }
               }}
-              className="outline-none w-full text-sm pl-5 rounded-l transition focus:shadow-lg dark:text-gray-300 font-light leading-10 text-black bg-gray-100 dark:bg-gray-500"
+              className="outline-none w-full text-sm pl-5 rounded-l transition focus:shadow-lg  font-light leading-10 bg-gray-100 dark:bg-gray-500"
             ></input>
             <div
               onClick={submitPassword}

themes/hexo/components/ArticleLock.js

@@ -23,7 +23,7 @@ export const ArticleLock = props => {
 
   return <div id='container' className='w-full flex justify-center items-center h-96 '>
     <div className='text-center space-y-3'>
-      <div className='font-bold'>{locale.COMMON.ARTICLE_LOCK_TIPS}</div>
+      <div className='font-bold dark:text-gray-300 text-black'>{locale.COMMON.ARTICLE_LOCK_TIPS}</div>
       <div className='flex mx-4'>
         <input id="password" type='password'
             onKeyDown={(e) => {
@@ -31,7 +31,7 @@ export const ArticleLock = props => {
                 submitPassword()
               }
             }}
-            className='outline-none w-full text-sm pl-5 rounded-l transition focus:shadow-lg dark:text-gray-300 font-light leading-10 text-black bg-gray-100 dark:bg-gray-500'>
+            className='outline-none w-full text-sm pl-5 rounded-l transition focus:shadow-lg  font-light leading-10 bg-gray-100 dark:bg-gray-500'>
         </input>
         <div onClick={submitPassword} className="px-3 whitespace-nowrap cursor-pointer items-center justify-center py-2 bg-indigo-500 hover:bg-indigo-400 text-white rounded-r duration-300" >
           <i className={'duration-200 cursor-pointer fas fa-key'} >&nbsp;{locale.COMMON.SUBMIT}</i>

themes/matery/components/ArticleLock.js

@@ -22,7 +22,7 @@ export const ArticleLock = props => {
   }
 
   return <div id='container' className='w-full flex justify-center items-center h-96 '>
-        <div className='text-center space-y-3'>
+        <div className='text-center space-y-3 dark:text-gray-300 text-black'>
             <div className='font-bold'>{locale.COMMON.ARTICLE_LOCK_TIPS}</div>
             <div className='flex mx-4'>
                 <input id="password" type='password'
@@ -31,7 +31,7 @@ export const ArticleLock = props => {
                         submitPassword()
                       }
                     }}
-                    className='outline-none w-full text-sm pl-5 rounded-l transition focus:shadow-lg dark:text-gray-300 font-light leading-10 text-black bg-gray-100 dark:bg-gray-500'>
+                    className='outline-none w-full text-sm pl-5 rounded-l transition focus:shadow-lg font-light leading-10 bg-gray-100 dark:bg-gray-500'>
 
                 </input>
                 <div onClick={submitPassword} className="px-3 whitespace-nowrap cursor-pointer items-center justify-center py-2 bg-indigo-500 hover:bg-indigo-400 text-white rounded-r duration-300" >

themes/next/components/ArticleLock.js

@@ -25,7 +25,7 @@ export const ArticleLock = props => {
   return (
     <div id='container' className="shadow md:hover:shadow-2xl overflow-x-auto flex-grow mx-auto w-screen md:w-full  py-10 px-5 lg:pt-24 md:px-24 min-h-screen dark:border-gray-700 bg-white dark:bg-gray-800 duration-200">
       <div className="w-full flex justify-center items-center h-96 font-sans">
-        <div className="text-center space-y-3">
+        <div className="text-center space-y-3 dark:text-gray-300 text-black">
           <div className='font-bold'>{locale.COMMON.ARTICLE_LOCK_TIPS}</div>
           <div className="flex mx-4">
             <input
@@ -35,7 +35,7 @@ export const ArticleLock = props => {
                   submitPassword()
                 }
               }}
-              className="outline-none w-full text-sm pl-5 transition focus:shadow-lg dark:text-gray-300 font-light leading-10 text-black bg-gray-100 dark:bg-gray-500"
+              className="outline-none w-full text-sm pl-5 transition focus:shadow-lg font-light leading-10 bg-gray-100 dark:bg-gray-500"
             ></input>
             <div
               onClick={submitPassword}