Laden Sie sich node.js unter https://nodejs.org/en/download/ herunter.

Installieren Sie node.js inkl. dem Node Package Manager.

Öffnen Sie die Eingabenaufforderung (cmd.exe) oder das Terminal unter Unix.

Geben Sie

npm install less -g

ein.

Laden Sie sich den Dojo Source Code (Full Source) herunter: http://download.dojotoolkit.org/release-1.10.4/dojo-release-1.10.4-src.zip

Entpacken Sie das ZIP / TAR Archiv in einem beliebigen Ordner.

DOJO_SOURCE_DIR\dijit\themes\claro nach DOJO_SOURCE_DIR\dijit\themes\YOUR_THEME_NAME kopieren.

Öffnen Sie die Eingabenaufforderung (cmd.exe) oder das Terminal unter Unix.

Geben Sie

npm install replace -g

ein.

Führen Sie

cd "YOUR_THEME_FOLDER"
replace.cmd ".claro" ".YOUR_THEME_NAME" . -r --include="*.less,*.css"

aus.

Benennen Sie claro.css und claro_rtl.css um.

rename claro.css YOUR_THEME_NAME.css
rename claro_rtl.css YOUR_THEME_NAME_rtl.css

Öffnen Sie die Datei DOJO_SOURCE_DIR\dijit\themes\YOUR_THEME_NAME\variables.less und bearbeiten Sie diese ihren Wünschen entsprechend.

// General

@primary-color: #cfe5fa; // Base color for entire theme
@secondary-color: #efefef; // Base color for bar-backgrounds
@text-color: #000; // Text color for enabled widgets
@disabled-color: #d3d3d3; // Base for disabled backgrounds and borders
@error-color: #d46464;
...

Kompilieren Sie das angepasst Theme aus der Eingabenaufforderung (CMD).

cd "YOUR_THEME_FOLDER"
node compile.js

Bearbeiten Sie die Datei DOJO_SOURCE_DIR\dijit\themes\themeTester.html und passen Sie die Zeilen wie folgt an:

var availableThemes = [
   { theme: "claro", author: "Dojo", baseUri: "../themes/" },
   { theme: "tundra", author: "Dojo", baseUri: "../themes/" },
   { theme: "soria", author: "nikolai", baseUri: "../themes/" },
   { theme: "nihilo", author: "nikolai", baseUri: "../themes/" },
   { theme: "YOUR_THEME_NAME", author:"YOUR_NAME", baseUri: "../themes"}
];

Geben Sie in der Eingabenaufforderung (CMD) folgendes ein:

npm install http-server -g
http-server "DOJO_SOURCE_DIR" -p 8888

Öffnen Sie Ihren Browser und geben Sie folgende Adresse ein: http://localhost:8888/dijit/themes/themeTester.html

Prüfen Sie Ihre Anpassungen indem Sie im Reiter "Themes" Ihr Theme auswählen.

Kopieren Sie das Verzeichnis DOJO_SOURCE_DIR\dijit\themes\YOUR_THEME_NAME nach GEOSHOP_DIR\user\www\client5\res\themes

Öffnen Sie Ihren Browser und überprüfen Sie die Darstellung des Client5 über die URL http://GEOSHOP_SERVER_URL:GEOSHOP_SERVER_PORT/client5/index.html?theme=YOUR_THEME_NAME