add option to build in light mode

Makefile

@@ -1,10 +1,23 @@
-BASE_ATTRS=\
+DARK_BASE_ATTRS=\
 	color=white \
 	fontcolor=white
 
+DARK_GRAPH_ATTRS=\
+	$(DARK_BASE_ATTRS) \
+	bgcolor=gray8
+
+DARK_NODE_ATTRS=\
+	$(DARK_BASE_ATTRS)
+
+DARK_EDGE_ATTRS=\
+   $(DARK_BASE_ATTRS)
+
+
+BASE_ATTRS=\
+	fontname="sans-serif"
+
 GRAPH_ATTRS=\
 	$(BASE_ATTRS) \
-	bgcolor=gray8 \
 
 NODE_ATTRS=\
 	$(BASE_ATTRS)
@@ -17,18 +30,31 @@ DOT_BASE_CMD=dot \
 	$(patsubst %,-N%,$(NODE_ATTRS)) \
 	$(patsubst %,-E%,$(EDGE_ATTRS))
 
+DARK_CMD_EXT=\
+	$(patsubst %,-G%,$(DARK_GRAPH_ATTRS)) \
+	$(patsubst %,-N%,$(DARK_NODE_ATTRS)) \
+	$(patsubst %,-E%,$(DARK_EDGE_ATTRS))
+
+DOT_CMD=$(shell if [[ -v "LIGHT_MODE" ]]; then echo "$(DOT_BASE_CMD)"; else echo "$(DOT_BASE_CMD) $(DARK_CMD_EXT)"; fi)
+
+BUILD_PATH_PREFIX=$(shell if [[ -v "LIGHT_MODE" ]]; then echo "light/"; fi)
+
 .PHONY: All
-All: build/de.png build/de.svg build/en.png build/en.svg
+All:\
+	$(BUILD_PATH_PREFIX)build/de.png \
+	$(BUILD_PATH_PREFIX)build/de.svg \
+	$(BUILD_PATH_PREFIX)build/en.png \
+	$(BUILD_PATH_PREFIX)build/en.svg
 
 .PHONY: clean
 clean:
 	rm -rf build
 
-build/%.svg: %.dot
+$(BUILD_PATH_PREFIX)build/%.svg: %.dot
 	@mkdir -p $(@D)
-	$(DOT_BASE_CMD) -Tsvg $< -o $@
+	$(DOT_CMD) -Tsvg $< -o $@
 
-build/%.png: %.dot
+$(BUILD_PATH_PREFIX)build/%.png: %.dot
 	@mkdir -p $(@D)
-	$(DOT_BASE_CMD) -Tpng $< -o $@
+	$(DOT_CMD) -Tpng $< -o $@
 

de.dot

@@ -19,7 +19,6 @@ digraph langchart {
 
     subgraph cluster0 {
         label="Embedded Scripting";
-        color=white;
 
         n_4 [label="Wird die Sprache in einem sehr komplexem Programm wie einem Browser als Scriptsprache verwendet?"];
 
@@ -71,15 +70,16 @@ digraph langchart {
 
     n_13 [label="Hat die Sprache einen Garbage Collector?"];
 
-    n_12 -> n_13 [label="Ja"];
+    n_12 -> n_13 [label="Nein"];
     n_13 -> good [label="Ja"];
     n_13 -> v_good [label="Nein"];
 
     n_14 [label="Wofür wird die Sprache verwendet?"];
 
-    n_12 -> n_14 [label="Nein"];
+    n_12 -> n_14 [label="Ja"];
     n_14 -> v_bad [label="CLI App"];
     n_14 -> good [label="Embedded Scripting"];
     n_14 -> v_good [label="Game Dev"];
+    n_14 -> acceptable [label="GUI App"];
 }
 

en.dot

@@ -19,7 +19,6 @@ digraph langchart {
 
     subgraph cluster0 {
         label="Embedded Scripting";
-        color=white;
 
         n_4 [label="Is the language used for scripting in a very complex program such as a browser?"];
 
@@ -71,15 +70,16 @@ digraph langchart {
 
     n_13 [label="Does the language have a Garbage Collector?"];
 
-    n_12 -> n_13 [label="Yes"];
+    n_12 -> n_13 [label="No"];
     n_13 -> good [label="Yes"];
     n_13 -> v_good [label="No"];
 
     n_14 [label="What is the language used for?"];
 
-    n_12 -> n_14 [label="No"];
+    n_12 -> n_14 [label="Yes"];
     n_14 -> v_bad [label="CLI App"];
     n_14 -> good [label="Embedded Scripting"];
     n_14 -> v_good [label="Game Dev"];
+    n_14 -> acceptable [label="GUI App"];
 }