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

Fixbug/darkmode text color
This commit is contained in:
tangly1024
2023-06-11 20:34:16 +08:00
committed by GitHub
6 changed files with 25 additions and 9 deletions

View File

@@ -341,4 +341,20 @@ a.avatar-wrapper {
column-count: 1; column-count: 1;
column-gap: .5rem; 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;
}

View File

@@ -25,7 +25,7 @@ export const ArticleLock = props => {
return (<div id='container' className="flex justify-center"> 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="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="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='font-bold'>{locale.COMMON.ARTICLE_LOCK_TIPS}</div>
<div className="flex mx-4"> <div className="flex mx-4">
<input <input
@@ -35,7 +35,7 @@ export const ArticleLock = props => {
submitPassword() 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> ></input>
<div <div
onClick={submitPassword} onClick={submitPassword}

View File

@@ -23,7 +23,7 @@ export const ArticleLock = props => {
return <div id='container' className='w-full flex justify-center items-center h-96 '> 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'>
<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'> <div className='flex mx-4'>
<input id="password" type='password' <input id="password" type='password'
onKeyDown={(e) => { onKeyDown={(e) => {
@@ -31,7 +31,7 @@ export const ArticleLock = props => {
submitPassword() 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> </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" > <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> <i className={'duration-200 cursor-pointer fas fa-key'} >&nbsp;{locale.COMMON.SUBMIT}</i>

View File

@@ -22,7 +22,7 @@ export const ArticleLock = props => {
} }
return <div id='container' className='w-full flex justify-center items-center h-96 '> 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='font-bold'>{locale.COMMON.ARTICLE_LOCK_TIPS}</div>
<div className='flex mx-4'> <div className='flex mx-4'>
<input id="password" type='password' <input id="password" type='password'
@@ -31,7 +31,7 @@ export const ArticleLock = props => {
submitPassword() 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> </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" > <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" >

View File

@@ -25,7 +25,7 @@ export const ArticleLock = props => {
return ( 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 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="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='font-bold'>{locale.COMMON.ARTICLE_LOCK_TIPS}</div>
<div className="flex mx-4"> <div className="flex mx-4">
<input <input
@@ -35,7 +35,7 @@ export const ArticleLock = props => {
submitPassword() 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> ></input>
<div <div
onClick={submitPassword} onClick={submitPassword}

BIN
归档.zip Normal file

Binary file not shown.