Created a Dark Mode CSS
Started by the720k




5 posts in this topic
the720k

3 posts 1 threads Joined: Apr 2022
26-04-22, 03:04 -
#1
I’m not very savvy with style sheets or HTML, so the code is probably a little iffy, but I created a dark mode for my sampler.  Behold the before and after pics.  If anyone wants it, I’ll be happy to share my mangled CSS file.


Attached Files Thumbnail(s)
   
hansehv

168 posts 17 threads Joined: Dec 2020
26-04-22, 20:07 -
#2
Hi the720k,
Nice !
I can create an extra "skins" folder in the download area for css or complete html+css alternatives.
So if you like this idea, please share your contribution either via a usual sharing link or as attachment in this thread.
I will then move it to that area, where I will also add some remarks/docs on how to "install" such contributions.
Regards, Hans
This post was last modified: 26-04-22, 20:07 by hansehv.
the720k

3 posts 1 threads Joined: Apr 2022
29-04-22, 13:32 -
#3
(26-04-22, 20:07)hansehv Wrote: Hi the720k,
Nice !
I can create an extra "skins" folder in the download area for css or complete html+css alternatives.
So if you like this idea, please share your contribution either via a usual sharing link or as attachment in this thread.
I will then move it to that area, where I will also add some remarks/docs on how to "install" such contributions.
Regards, Hans

Thanks!  Here is the Dropbox link to the whole folder: https://www.dropbox.com/s/ekatatybmkw77k...e.zip?dl=0

Keep in mind I was very messy with the CSS modifications and some html had to be edited due to my limited CSS skills.  Looking forward to seeing the option included in a future release though.  Smile
hansehv

168 posts 17 threads Joined: Dec 2020
29-04-22, 20:45 -
#4
Hi the270k,
Thanks, but I'm afraid something wrong.
Only the "webdocs" subdir of the webgui is in the zip.
Regards, Hans
Guest

 
01-05-22, 15:46 -
#5
(29-04-22, 20:45)hansehv Wrote: Hi the270k,
Thanks, but I'm afraid something wrong.
Only the "webdocs" subdir of the webgui is in the zip.
Regards, Hans

My mistake!  Let’s try again: https://www.dropbox.com/s/tjjgc1hn4e0wfg...e.zip?dl=0
hansehv

168 posts 17 threads Joined: Dec 2020
01-05-22, 20:47 -
#6
Hi, OK now.
I notice you changed
  1. SamplerBox.css 
  2. SamplerBox_GUI.js
  3. lcdmenu.html
  4. readme.html
First is obvious  Wink
3rd and 4th are done in screens not expecting much future updates.

With 2nd I foresee future issues, as the API will have changes when new functions are added (which I definitely plan to do - actually doing already).
As it is for the lcdmenu only, I'll have a look whether I can change the js and html in such a way that your change can be limited to the html.

I'll send you a PM when the result is on the download pages, so you can check the result.
Thanks for your contribution!
Hans