search

aayushai / TranspilerX

Code converter from one programming language to another.
https://transpiler-x.vercel.app
MIT License
1 stars 7 forks source link

Add: . Dark and Light Mode Support #15

Open aayushai opened 5 hours ago

aayushai commented 5 hours ago

Since I am already using a dark theme for Monaco Editor, extend the dark and light mode to the entire app for a cohesive look. Add a dark mode toggle button, making the UI more customizable.

thevashuydv commented 4 hours ago

please assign to me @aayushai

aayushai commented 4 hours ago

Sure! @thevashuydv

thevashuydv commented 4 hours ago

@aayushai tried switching the editor to light mode too, but I didn't look quite good

aayushai commented 4 hours ago

@thevashuydv can you add previews of both the editor and whole page going light and dark mode also.

thevashuydv commented 3 hours ago

@aayushai sure

thevashuydv commented 2 hours ago

image image these were the light and dark modes

thevashuydv commented 2 hours ago

@aayushai please tell which one look fine

aayushai commented 2 hours ago
  1. For the dark mode can you add the dark mode in the code editor conatiner where the Input Language text is coming and change the color of Input Language accordingly.
  2. For the light mode don't make the whole editor white maintain a slightly pale shade of white for editor sector.
  3. When in light mode also change the color of Convert button and the Cliploader if it is not visible.