EIGHT ORIGINAL SVG LAMPS — START HERE
1. Extract the ZIP. Keep a backup of your existing website.
2. Open example/index.html in a browser. Try Lights off, Lights on and Use device theme.
3. SVG light.svg shows a lit lamp; dark.svg shows an unlit lamp. Both have transparent backgrounds. These are editable vectors, not bitmap images.
4. Use the pair with your existing website theme controller. Update the image when the page theme changes. Keep the button label describing its next action, and use alt="" on the decorative image.
5. For a new site, adapt the supplied example HTML, CSS and JavaScript. Copy its assets folder too. Do not install a second theme controller if your site already has one.
6. Test keyboard focus, light and dark backgrounds, mobile layout and saved preference on your hosted website. A 48 by 60 pixel image and at least a 44 by 44 pixel button target are recommended.
These SVGs are still images. The example switches themes without animation. No account, API key or paid dependency is needed.
Read LICENSE.txt for the artwork permission. Source reference photographs are not included or traced.
Support: robin@robsaitools.com
