58 lines
4.5 KiB
XML
58 lines
4.5 KiB
XML
<svg xmlns="http://www.w3.org/2000/svg" width="1440" height="1024" viewBox="0 0 1440 1024" fill="none">
|
|
<rect width="1440" height="1024" fill="#E9EEF4"/>
|
|
<text x="64" y="92" fill="#0F172A" font-family="Segoe UI, Arial" font-size="40" font-weight="700">Theme Pairing Concept</text>
|
|
<text x="64" y="130" fill="#64748B" font-family="Segoe UI, Arial" font-size="20">One information architecture, two consistent skins. Good fit for a theme toggle without layout drift.</text>
|
|
|
|
<rect x="64" y="176" width="620" height="760" rx="34" fill="#F8FBFD" stroke="#D6E0EA"/>
|
|
<rect x="756" y="176" width="620" height="760" rx="34" fill="#0D1422" stroke="#223047"/>
|
|
<text x="96" y="224" fill="#111827" font-family="Segoe UI, Arial" font-size="28" font-weight="700">Light Theme</text>
|
|
<text x="788" y="224" fill="#F8FAFC" font-family="Segoe UI, Arial" font-size="28" font-weight="700">Dark Theme</text>
|
|
|
|
<rect x="96" y="256" width="556" height="92" rx="24" fill="#FFFFFF"/>
|
|
<rect x="788" y="256" width="556" height="92" rx="24" fill="#101B2A"/>
|
|
<text x="126" y="308" fill="#111827" font-family="Segoe UI, Arial" font-size="26" font-weight="700">Services Overview</text>
|
|
<text x="818" y="308" fill="#F8FAFC" font-family="Segoe UI, Arial" font-size="26" font-weight="700">Services Overview</text>
|
|
|
|
<rect x="96" y="376" width="556" height="156" rx="28" fill="#FFFFFF"/>
|
|
<rect x="788" y="376" width="556" height="156" rx="28" fill="#101B2A"/>
|
|
<rect x="96" y="556" width="556" height="156" rx="28" fill="#FFFFFF"/>
|
|
<rect x="788" y="556" width="556" height="156" rx="28" fill="#101B2A"/>
|
|
<rect x="96" y="736" width="556" height="156" rx="28" fill="#FFFFFF"/>
|
|
<rect x="788" y="736" width="556" height="156" rx="28" fill="#101B2A"/>
|
|
|
|
<circle cx="136" cy="430" r="12" fill="#16A34A"/>
|
|
<circle cx="828" cy="430" r="12" fill="#16A34A"/>
|
|
<circle cx="136" cy="610" r="12" fill="#F59E0B"/>
|
|
<circle cx="828" cy="610" r="12" fill="#F59E0B"/>
|
|
<circle cx="136" cy="790" r="12" fill="#16A34A"/>
|
|
<circle cx="828" cy="790" r="12" fill="#16A34A"/>
|
|
|
|
<text x="164" y="422" fill="#111827" font-family="Segoe UI, Arial" font-size="24" font-weight="700">nginx</text>
|
|
<text x="164" y="452" fill="#667085" font-family="Segoe UI, Arial" font-size="17">stable • logs clean • ready</text>
|
|
<text x="856" y="422" fill="#F8FAFC" font-family="Segoe UI, Arial" font-size="24" font-weight="700">nginx</text>
|
|
<text x="856" y="452" fill="#8AA0B7" font-family="Segoe UI, Arial" font-size="17">stable • logs clean • ready</text>
|
|
|
|
<text x="164" y="602" fill="#111827" font-family="Segoe UI, Arial" font-size="24" font-weight="700">postgres</text>
|
|
<text x="164" y="632" fill="#B45309" font-family="Segoe UI, Arial" font-size="17">warning • memory trend • inspect</text>
|
|
<text x="856" y="602" fill="#F8FAFC" font-family="Segoe UI, Arial" font-size="24" font-weight="700">postgres</text>
|
|
<text x="856" y="632" fill="#F5B971" font-family="Segoe UI, Arial" font-size="17">warning • memory trend • inspect</text>
|
|
|
|
<text x="164" y="782" fill="#111827" font-family="Segoe UI, Arial" font-size="24" font-weight="700">redis</text>
|
|
<text x="164" y="812" fill="#667085" font-family="Segoe UI, Arial" font-size="17">healthy • queue standby • fast</text>
|
|
<text x="856" y="782" fill="#F8FAFC" font-family="Segoe UI, Arial" font-size="24" font-weight="700">redis</text>
|
|
<text x="856" y="812" fill="#8AA0B7" font-family="Segoe UI, Arial" font-size="17">healthy • queue standby • fast</text>
|
|
|
|
<rect x="500" y="405" width="118" height="42" rx="14" fill="#111827"/>
|
|
<rect x="500" y="585" width="118" height="42" rx="14" fill="#F97316"/>
|
|
<rect x="500" y="765" width="118" height="42" rx="14" fill="#111827"/>
|
|
<rect x="1192" y="405" width="118" height="42" rx="14" fill="#1F2937"/>
|
|
<rect x="1192" y="585" width="118" height="42" rx="14" fill="#F97316"/>
|
|
<rect x="1192" y="765" width="118" height="42" rx="14" fill="#1F2937"/>
|
|
<text x="531" y="431" fill="#F8FAFC" font-family="Segoe UI, Arial" font-size="16" font-weight="700">Logs</text>
|
|
<text x="523" y="611" fill="#FFF7ED" font-family="Segoe UI, Arial" font-size="16" font-weight="700">Restart</text>
|
|
<text x="531" y="791" fill="#F8FAFC" font-family="Segoe UI, Arial" font-size="16" font-weight="700">Logs</text>
|
|
<text x="1223" y="431" fill="#F8FAFC" font-family="Segoe UI, Arial" font-size="16" font-weight="700">Logs</text>
|
|
<text x="1215" y="611" fill="#FFF7ED" font-family="Segoe UI, Arial" font-size="16" font-weight="700">Restart</text>
|
|
<text x="1223" y="791" fill="#F8FAFC" font-family="Segoe UI, Arial" font-size="16" font-weight="700">Logs</text>
|
|
</svg>
|