Fix font weight, color, and alignment issues in SVG diagrams.

msporny · msporny · commit cc181322e6b6 · 2022-02-20T14:15:30.000-05:00
diff --git a/diagrams/credential.svg b/diagrams/credential.svg
@@ -6,14 +6,14 @@
 ]]></style>
 <rect id="background"/>
 
-<rect x="5" y="5" fill="#c7a" width="310" height="225" rx="25"/>
+<rect x="5" y="5" fill="#ddd" width="310" height="225" rx="25"/>
 
-<text font-family="sans-serif" font-size="1.2em" x="160" y="45">Verifiable Credential</text>
+<text font-family="sans-serif" font-size="2em" font-weight="bold" x="160" y="45">Verifiable Credential</text>
 
 <rect fill="#dab" x="40" y="65" width="240" height="40" rx="4"/>
 <text x="160" y="90">Credential Metadata</text>
 
-<rect fill="#bda" x="40" y="120" width="240" height="40" rx="4"/>
+<rect fill="#fe9" x="40" y="120" width="240" height="40" rx="4"/>
 <text x="160" y="145">Claim(s)</text>
 
 <rect fill="#bda" x="40" y="175" width="240" height="40" rx="4"/>
diff --git a/diagrams/ecosystem.svg b/diagrams/ecosystem.svg
@@ -6,20 +6,20 @@
     <path d="M0 0v4l6 -2z" />
     </marker>
 		<style><![CDATA[
-			path.register {marker-end: url(#arrow);stroke:#000;stroke-width:4}
+			path.register {marker-end: url(#arrow);stroke:#000;stroke-width:3}
 			path.myJob {marker-end: url(#coreArrow);stroke:#000;stroke-width:.5;fill:#def}
 			rect {stroke:#000;stroke-width:2px}
 			rect {fill: #bda}
 			text {fill:#000;font-size:14px;font-family:sans-serif}
-			*[role=heading]{font-size:2em;font-weight:bold}
+			*[role=heading]{font-size:1.5em;font-weight:bold}
 			.myRole {font-style:italic}
 			#background {width: 100%;height:100%;stroke:none;fill:#fff}
 		]]></style>
 	</defs>
 <rect id="background" y="-5"/>
 
 <rect x="15" width="120" height="90" rx="10"/>
-<text x="30" y="45" role="heading">Issuer</text>
+<text x="41" y="45" role="heading">Issuer</text>
 <text x="40" y="60" class="myRole">Issues VCs</text>
 <path class="myJob" d="m136 35h130v-3l9 13 -9 13v-3h-130z"/>
   <text x="145" y="50">Issue Credentials</text>
@@ -29,7 +29,7 @@
 </text>
 
 <rect x="275" width="130" height="90" rx="10"/>
-<text x="290" y="45" role="heading">Holder</text>
+<text x="305" y="45" role="heading">Holder</text>
 <text x="290" y="60" class="myRole">Acquires, stores,</text>
 <text x="300" y="75" class="myRole">presents VCs</text>
 <path class="myJob" d="m406 35h145v-3l9 13 -9 13v-3h-145z"/>
@@ -40,14 +40,14 @@
 </text>
 
 <rect x="560" width="130" height="90" rx="10"/>
-<text x="570" y="45" role="heading">Verifier</text>
+<text x="582" y="45" role="heading">Verifier</text>
 <text x="585" y="60" class="myRole">Verifies VCs</text>
 <path class="register" d="m640 90v160h-70"/>
 	<text x="630" y="150" text-anchor="end">Verify Identifiers<tspan x="630" y="165">and Schemas</tspan>
 </text>
 
 <rect x="150" y="200" width="400" height="90" rx="10"/>
-<text x="170" y="245" role="heading">Verifiable Data Registry</text>
+<text x="210" y="245" role="heading">Verifiable Data Registry</text>
 <text x="235" y="260" class="myRole">Maintains identifiers and schemas</text>
 
 </svg>
diff --git a/diagrams/presentation-graph.svg b/diagrams/presentation-graph.svg
@@ -12,7 +12,6 @@
 			.presentation-proof > rect { fill: #acf}
 			.claim > rect { fill: #fe9}
 		  #background { stroke: none; fill: #fff}
-
   	</style>
 		<marker id="arrow" viewBox="0 0 6 4" refX="6" refY="2" fill="#000"
       markerWidth="6" markerHeight="4" orient="auto">
diff --git a/diagrams/presentation.svg b/diagrams/presentation.svg
@@ -7,7 +7,7 @@
 <rect id="background" x="-5" y="-5"/>
 
 <rect fill="#ddd" x="5" y="5" width="310" height="225" rx="25"/>
-<text x="160" y="45" font-family="sans-serif" font-size="1.2em">Verifiable Presentation</text>
+<text x="160" y="45" font-family="sans-serif" font-size="2em" font-weight="bold">Verifiable Presentation</text>
 
 <rect fill="#bad" x="40" y="65" width="240" height="40" rx="4"/>
 <text x="160" y="90">Presentation Metadata</text>
