added Dark-Mode

[FixxooXD]

Fixes #28

Closes: #[issue number that will be closed through this PR]

Describe the add-ons or changes you've made

Type of change

• [ ] Bug fix (non-breaking change which fixes an issue)
• [x] New feature (non-breaking change which adds functionality)
• [ ] Code style update (formatting, local variables)
• [ ] Breaking change (fix or feature that would cause existing functionality to not work as expected)
• [ ] This change requires a documentation update

How Has This Been Tested?

Checklist:

• [x] My code follows the "contribution guidelines" of this project.
• [x] I have performed a self-review of my own code.
• [x] I have commented my code, particularly wherever it was hard to understand.
• [x] My changes generate no new warnings.
• [ ] Any dependent changes have been merged and published in downstream modules.

Screenshots (Only for Front End and UI/UX Designers)

Original	Updated (Before)

----------: |:--------------------: Original Screenshot | Updated Screenshot | (After)

Dark-Mode

[akhileshthite]

Fixes #28

Closes: #[issue number that will be closed through this PR]

Describe the add-ons or changes you've made

Type of change

• [ ] Bug fix (non-breaking change which fixes an issue)
• [x] New feature (non-breaking change which adds functionality)
• [ ] Code style update (formatting, local variables)
• [ ] Breaking change (fix or feature that would cause existing functionality to not work as expected)
• [ ] This change requires a documentation update

How Has This Been Tested?

Checklist:

• [x] My code follows the "contribution guidelines" of this project.
• [x] I have performed a self-review of my own code.
• [x] I have commented my code, particularly wherever it was hard to understand.
• [x] My changes generate no new warnings.
• [ ] Any dependent changes have been merged and published in downstream modules.

Screenshots (Only for Front End and UI/UX Designers)

Original | Updated (Before) :---------- ----------: |:--------------------: Original Screenshot | Updated Screenshot | (After)

Dark-Mode

Hey @FixxooXD, Sorry to say this PR is not valid for production and hence cannot be merged.

You did not follow any rules given in the contribution guide.

Specifically:

• Poor UI - Major reason.
  1. Poor design (misplaced toggle button, no background changes for inputs, breaking other UI, etc.)
  2. Did not implement dark mode for directory page.
  3. Did not implement caching.
• Used CDN link in HTML instead of libraries.
• Did not use the conventional commits.
• Did not use code formatter.
• Did not discuss the solution properly in the issue (started work before assigning the issue).

Hope you take these as a learning :)

[FixxooXD]

hey @akhileshthite thanks for the review Iam, new to this things it will really help me in future and sorry for the poor PR . Can you suggest me what kind of library I should have used instead of CDN .

[akhileshthite]

hey @akhileshthite thanks for the review Iam, new to this things it will really help me in future and sorry for the poor PR . Can you suggest me what kind of library I should have used instead of CDN .

No worries :) All the best!

As you used bootstrap CDN for styling in HTML file, you should have used bootstrap library instead.