Servus Leute,
nach dem es in der aktuellen DSM Version leider immer noch kein Dark Theme gibt, habe ich mich nun mal selbst dran gesetzt. 🙂 Ich denke es ist nicht für jedermann relevant, aber der ein oder andere es vielleicht gebrauchen. Da die Arbeit daran aufwendiger ist als erwartet, gibt es hier quasi noch eine Beta Version. Es ist noch einiges zu tun, aber wer es sich mal anschauen möchte. Gerne. ^^
Zur Erläuterung, im Grunde genommen habe ich zwei neue CSS Dateien angelegt. Einmal jene mit den Definitionen der Klassen aus dem DSM System (desktopstyle.css) und zum anderen eine mit den entsprechenden Farbangaben, die ich für meine persönlichen Bedarf angepasst habe. (setcolors.css). In diesem Fall die Farbe grün. (Matrix Fan).
Diese beiden Dateien kommen in das Verzeichnis /usr/syno/synoman/webman/resources/css.
Im nächsten Schritt wir die desktopstyle.css in folgende Datei importiert: /usr/syno/synoman/webman/desktop.html. Dafür diese Datei öffnen und nach dem Begriff {CSS} suchen. (Bei mir Zeile 22). Danach folgendes einfügen:
<link rel=“stylesheet“ type=“text/css“ href=“/webman/resources/css/desktopstyle.css“>
Datei abspeichern, Seite Eurer DSM neu laden, fertig. Die Farben könnt Ihr dann an Eure Bedürfnissen anpassen. Dazu sind lediglich die Farbangaben in der setcolors.css anzupassen.
Würde mich über ein Feedback, Anregungen oder Kritiken jeglicher Art freuen. Besucht mich auf meinem Discord Server
English:
Hello people,
Since there is unfortunately still no dark theme in the current DSM version, I decided to do it myself. 🙂 I think it’s not relevant for everyone, but some people might use it. Since the work on it is more complex than expected, there is still a beta version here. There’s still a lot to do, but if you want to take a look. Gladly. ^^
To explain, basically I created two new CSS files. One with the definitions of the classes from the DSM system (desktopstyle.css) and the other one with the corresponding color information, which I have adapted to my personal needs. (setcolors.css). In this case the color green. (Matrix fan).
These two files go into the /usr/syno/synoman/webman/resources/css directory.
In the next step we import the desktopstyle.css into the following file: /usr/syno/synoman/webman/desktop.html. To do this, open this file and search for the term {CSS}. (For me line 22). Then add the following:
<link rel=“stylesheet“ type=“text/css“ href=“/webman/resources/css/desktopstyle.css“>
Save the file, reload your DSM page, done. You can then adapt the colors to your needs. All you have to do is adjust the color information in setcolors.css.
I would be happy to receive feedback, suggestions or criticism of any kind. Visit me on my Discord server
greetz Ramires
Download
Download “DSM 7.2. Dark Theme - Beta 0.1”
DSM_Dark_Theme_Beta_01-1.zip – 11-mal heruntergeladen – 3,89 kB
