Merge pull request #166 from mstier/iso-25010-mapping-refined

Changed styling to q42 colors
arc42 · Apr 28, 2024 · 18030f5 · 18030f5
2 parents 9e203f4 + d115b1f
commit 18030f5
Show file tree

Hide file tree

Showing 2 changed files with 26 additions and 13 deletions.
diff --git a/_includes/mermaid-config.html b/_includes/mermaid-config.html
@@ -4,15 +4,21 @@
 
 <script type="text/javascript">
     let config = { 
-        theme: 'default',
+        theme: 'base',
         securityLevel: 'antiscript',
         startOnLoad: true,
         flowchart: { 
             useMaxWidth: true, 
             htmlLabels: true,
             rankSpacing: 100,
             nodeSpacing: 10
-        } 
+        },
+        themeVariables: {
+            primaryColor: '#dbf0fe',
+            primaryTextColor: '#1675b9',
+            primaryBorderColor: '#808080',
+            lineColor: '#d3d3d3'
+        }
     };
     mermaid.initialize(config);
 </script>

diff --git a/_pages/11-q42-for-iso-users.md b/_pages/11-q42-for-iso-users.md
@@ -9,22 +9,28 @@ mermaid: true
 For basic information about using this site see [**how to use this site**](/how-to-use-this-site).
 
 ## Mapping ISO 25010 to Q42 Qualities
+
 A click on a node leads to the corresponding Q42 description.
 
+
 <div class='mermaid'>
   flowchart LR
-    root((ISO 25010:2023))
-    click root "/articles/iso-25010-update-2023"
+    classDef level1 font-size:30px,font-weight:bold
+    classDef level2 font-size:20px,font-weight:bold
 
-    root --- func[3.1 Functional suitablility]
-    root --- perf[3.2 Performance efficiency]
-    root --- compa[3.3 Compatibility]
-    root --- intcap[3.4 Interaction capability]
-    root --- relia[3.5 Reliability]
-    root --- sec[3.6 Security]
-    root --- maint[3.7 Maintainability]
-    root --- flex[3.8 Flexibility]
-    root --- safe[3.9 Safety]
+    root((ISO 25010<br>2023))
+    click root "/articles/iso-25010-update-2023"
+    class root level1
+
+    root --- func(3.1 Functional suitablility)
+    root --- perf(3.2 Performance efficiency)
+    root --- compa(3.3 Compatibility)
+    root --- intcap(3.4 Interaction capability)
+    root --- relia(3.5 Reliability)
+    root --- sec(3.6 Security)
+    root --- maint(3.7 Maintainability)
+    root --- flex(3.8 Flexibility)
+    root --- safe(3.9 Safety)
     click func "/qualities/functional-suitability"
     click perf "/qualities/performance-efficiency"
     click compa "/qualities/compatibility"
@@ -34,6 +40,7 @@ A click on a node leads to the corresponding Q42 description.
     click maint "/qualities/maintainability"
     click flex "/qualities/flexibility"
     click safe "/qualities/safety"
+    class func,perf,compa,intcap,relia,sec,maint,flex,safe level2
 
     func --- fcomp([3.1.1 Functional completeness])
     func --- fcorr([3.1.2 Functional correctness])