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
Mannix
Mannix2d ago
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
13eck
13eck2d ago
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 :p
Myra
MyraOP2d ago
In codepen the properties color are changing in dark theme but when i try to change in code editor its not changing Ok
13eck
13eck2d ago
That might be a caching issue on your local machine. Do a hard refresh of the page and see if that helps
Myra
MyraOP2d ago
Yes, the issue is resolved
13eck
13eck2d ago
👍
Myra
MyraOP2d ago
Okay

Did you find this page helpful?