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 Menu.js 
Add dark mode
  • Loading branch information
@arghyaxcodes
arghyaxcodes committed Dec 10, 2021
commit efb9af09cd3454add55fede51a22a0543e1f2387
14 changes: 7 additions & 7 deletions src/components/home/Menu.js
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -26,14 +26,14 @@ export default function MenuButton() {
leaveFrom="transform opacity-100 scale-100"
leaveTo="transform opacity-0 scale-95"
>
<Menu.Items className="origin-top-right absolute right-0 mt-2 w-56 rounded-md shadow-lg bg-white ring-1 ring-black ring-opacity-5 focus:outline-none">
<Menu.Items className="origin-top-right absolute right-0 mt-2 w-56 rounded-md shadow-lg bg-white dark:bg-gray-800 ring-1 ring-black dark:ring-gray-700 ring-opacity-5 focus:outline-none">
<div className="py-1">
<Menu.Item>
{({ active }) => (
<a
href="/docs"
className={classNames(
active ? 'bg-gray-100 text-gray-900' : 'text-gray-700',
active ? 'bg-gray-100 dark:bg-gray-700 text-gray-900 dark:text-white' : 'text-gray-700 dark:text-gray-200',
'block px-4 py-2 text-base sm:hidden'
)}
>
Expand All @@ -46,7 +46,7 @@ export default function MenuButton() {
<a
href="#"
className={classNames(
active ? 'bg-gray-100 text-gray-900' : 'text-gray-700',
active ? 'bg-gray-100 dark:bg-gray-700 text-gray-900 dark:text-white' : 'text-gray-700 dark:text-gray-200',
'block px-4 py-2 text-base'
)}
>
Expand All @@ -59,7 +59,7 @@ export default function MenuButton() {
<a
href="/sponsors"
className={classNames(
active ? 'bg-gray-100 text-gray-900' : 'text-gray-700',
active ? 'bg-gray-100 dark:bg-gray-700 text-gray-900 dark:text-white' : 'text-gray-700 dark:text-gray-200',
'block px-4 py-2 text-base'
)}
>
Expand All @@ -72,7 +72,7 @@ export default function MenuButton() {
<a
href="/license"
className={classNames(
active ? 'bg-gray-100 text-gray-900' : 'text-gray-700',
active ? 'bg-gray-100 dark:bg-gray-700 text-gray-900 dark:text-white' : 'text-gray-700 dark:text-gray-200',
'block px-4 py-2 text-base'
)}
>
Expand All @@ -85,7 +85,7 @@ export default function MenuButton() {
<a
href="/changelog"
className={classNames(
active ? 'bg-gray-100 text-gray-900' : 'text-gray-700',
active ? 'bg-gray-100 dark:bg-gray-700 text-gray-900 dark:text-white' : 'text-gray-700 dark:text-gray-200',
'block w-full text-left px-4 py-2 text-base'
)}
>
Expand All @@ -98,7 +98,7 @@ export default function MenuButton() {
<a
href="https://github.com/javaistic/javaistic"
className={classNames(
active ? 'bg-gray-100 text-gray-900' : 'text-gray-700',
active ? 'bg-gray-100 dark:bg-gray-700 text-gray-900 dark:text-white' : 'text-gray-700 dark:text-gray-200',
'block px-4 py-2 text-base sm:hidden'
)}
>
Expand Down