Notes App
Hi there! I'm trying to create a notes app using html, css and JavaScript. For now i have worked with html and css but here are a couple of issues
• the tooltip for the plus icon of new notebooks button is not converting into lower case
• also i have added the dark theme using the toggle button. For the light theme all the properties are working but when i toggle to dark theme. I have tried to change the colors of some properties but they are not changing. Some colors are changed like for the body bg,aside bg,new note btns bg colors are changed but when i try to change the search container and search field bg color they are not changing. Also when i hover over the new note btn, the moon icon and the plus icon of new notebooks btn their color are not changing
I have applied all the colors properties in my code pen their some are working and some are not
Here is the link to code pen.
https://codepen.io/Myra-Gull/pen/XJWyLXa
7 Replies
The first one you need choose different font-family looks like FA comes only in uppercase form.
For the second i don't see any problems with the dark theme
I don't see an issue with the dark theme, either. Looks rather nice to me
Also, you really have to stop putting
width: 100%
or width: 100vw
on block elements. They're already 100% width :pIn codepen the properties color are changing in dark theme but when i try to change in code editor its not changing
Ok
That might be a caching issue on your local machine. Do a hard refresh of the page and see if that helps
Yes, the issue is resolved
👍
Okay