Skip to content
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.

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

Night mode added #67

Open
wants to merge 11 commits into
base: master
Choose a base branch
from
Open

Night mode added #67

wants to merge 11 commits into from

Conversation

deeheem
Copy link
Contributor

@deeheem deeheem commented Feb 25, 2018

Fixes issue:

#63

Changes:

  • A button called 'Dark Mode' has been added, as shown:
    image

  • After clicking on which
    1) the UI gets changed
    2) 'Dark Mode' button is changed to 'Light Mode'

image

  • This is how the search results page looks like:

image

  • And this is how the help dialog box looks like:

image

  • Also, the mode that the user has selected is synced. So even if the page is refreshed, the mode selected does not change.

All the colors have been selected after thorough research which decreases the eye strain. The color scheme is best suited for situations when the user is working in the dark.

Kindly review the changes made and give suggestions if required.

UPDATE 1: In commit #bce643a, the night mode feature is extended to the codes being opened up in a new tab as shown:
image

UPDATE 2: In commit #307dedc, a bug of opening multiple files with a single click was rectified, which was occurring due to some unneeded statement in the code. Also, unnecessary comments were removed.

code/js/popup.js Outdated
@@ -154,9 +158,9 @@ function dumpBookmarks(query)
{

if(!favs.includes(fname)) {
inside_text = inside_text + "<a target='_blank' href='/code/"+key+"/"+obj[key][dd]+"'>"+sub_result_number+". "+obj[key][dd]+"</a>"+"&nbsp;&nbsp;<i id='myStar"+temp2+"\' class='fa fa-star'></i><br>";
inside_text = inside_text + "<a target='_blank' id='myId"+temp+"' href='javascript:void(0)'>"+sub_result_number+". "+obj[key][dd]+"</a>"+"&nbsp;&nbsp;<i id='myStar"+temp2+"\' class='fa fa-star'></i><br>";
Copy link
Member

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

The links are not working. Kindly take a look.

@AdiChat
Copy link
Member

AdiChat commented Mar 5, 2018

You may change the colour of links from blue to white with bold text (like the one is the one in the number of results div).

Additionally, while I was reviewing, the links in code results are not working (it is working in the favorites section) and could not see the codes opening in a new tab in night mode in action. Let me know if I might be missing something.

Kindly take a look into this.

@deeheem
Copy link
Contributor Author

deeheem commented Mar 10, 2018

@AdiChat I have made the corresponding changes. Kindly have a look and share your opinion on it!

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
None yet
Projects
None yet
Development

Successfully merging this pull request may close these issues.

2 participants