Skip to content

Add Dark Mode #67

New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Merged
arghyaxcodes merged 36 commits into from
Dec 10, 2021
Merged

Add Dark Mode #67

Changes from 1 commit
Commits
Show all changes
36 commits
Select commit Hold shift + click to select a range
bd51ba5
Update package.json
arghyaxcodes Dec 9, 2021
b1d3b4f
Update yarn.lock
arghyaxcodes Dec 9, 2021
0e0cc18
Update _app.js
arghyaxcodes Dec 9, 2021
b973ac6
Create ThemeChanger.js
arghyaxcodes Dec 9, 2021
14270ec
Update Logo.js
arghyaxcodes Dec 9, 2021
2fd1950
Update index.js
arghyaxcodes Dec 9, 2021
ce44143
Update _document.js
arghyaxcodes Dec 9, 2021
cbcf425
Update Menu.js
arghyaxcodes Dec 9, 2021
3ddd5ee
Update main.css
arghyaxcodes Dec 9, 2021
9852f68
Update Header.js
arghyaxcodes Dec 9, 2021
84c15f3
Update common.js
arghyaxcodes Dec 9, 2021
c7d1c01
Update SidebarLayout.js
arghyaxcodes Dec 9, 2021
a374154
Update tailwind.config.js
arghyaxcodes Dec 10, 2021
81357d8
Update index.js
arghyaxcodes Dec 10, 2021
8842fff
Update withSyntaxHighlighting.js
arghyaxcodes Dec 10, 2021
2c7168c
Update Community.js
arghyaxcodes Dec 10, 2021
f32dbbe
Update Header.js
arghyaxcodes Dec 10, 2021
37efd26
Update common.js
arghyaxcodes Dec 10, 2021
64023f1
Update Footer.js
arghyaxcodes Dec 10, 2021
339940b
Update Hero.js
arghyaxcodes Dec 10, 2021
efb9af0
Update Menu.js
arghyaxcodes Dec 10, 2021
d358387
Update SidebarLayout.js
arghyaxcodes Dec 10, 2021
eded769
Update ContentsLayout.js
arghyaxcodes Dec 10, 2021
5dee7f9
Update main.css
arghyaxcodes Dec 10, 2021
ca6978c
Update docsearch.css
arghyaxcodes Dec 10, 2021
38af254
Update Vercel.js
arghyaxcodes Dec 10, 2021
0931f80
Update Tip.js
arghyaxcodes Dec 10, 2021
ecd0cc0
Update index.js
arghyaxcodes Dec 10, 2021
f5c5770
Update Testimonials.js
arghyaxcodes Dec 10, 2021
7bd7244
Update PageHeader.js
arghyaxcodes Dec 10, 2021
f06f801
Update Search.js
arghyaxcodes Dec 10, 2021
442530f
Update _app.js
arghyaxcodes Dec 10, 2021
600a9a0
Update ThemeChanger.js
arghyaxcodes Dec 10, 2021
f5334bb
Update index.js
arghyaxcodes Dec 10, 2021
07bd159
Update OpenSource.js
arghyaxcodes Dec 10, 2021
9b9aaf2
Update index.js
arghyaxcodes Dec 10, 2021
File filter

Filter by extension

Filter by extension
Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
Prev Previous commit
Next Next commit
Update SidebarLayout.js 
Add dark mode
  • Loading branch information
@arghyaxcodes
arghyaxcodes committed Dec 10, 2021
commit d35838767bba925eaf0879f1ebc97635af24a0df
6 changes: 3 additions & 3 deletions src/layouts/SidebarLayout.js
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -15,7 +15,7 @@ const NavItem = forwardRef(({ href, children, isActive, isPublished, fallbackHre
<a
className={clsx('px-3 py-2 transition-colors duration-200 relative block', {
'text-blue-700 dark:text-blue-400': isActive,
'hover:text-gray-900 text-gray-500 dark:hover:text-white': !isActive && isPublished,
'hover:text-gray-900 text-gray-500 dark:text-gray-400 dark:hover:text-white': !isActive && isPublished,
'text-gray-400 dark:text-white': !isActive && !isPublished,
})}
>
Expand Down Expand Up @@ -113,7 +113,7 @@ const TopLevelAnchor = forwardRef(
href={href}
onClick={onClick}
className={clsx(
'flex items-center px-3 hover:text-gray-900 dark:hover:text-white transition-colors duration-200',
'flex items-center px-3 hover:text-gray-900 dark:hover:text-white dark:text-gray-400 transition-colors duration-200',
className,
{
'text-gray-900 dark:text-white': isActive,
Expand Down Expand Up @@ -294,7 +294,7 @@ export function SidebarLayout({ children, navIsOpen, setNavIsOpen, nav, sidebar,
<div
id="content-wrapper"
className={clsx(
'min-w-0 w-full flex-auto lg:static lg:max-h-full lg:overflow-visible',
'min-w-0 w-full flex-auto lg:static lg:max-h-full lg:overflow-visible bg-white dark:bg-gray-900',
{
'overflow-hidden max-h-screen fixed': navIsOpen,
}
Expand Down