mirror of
https://github.com/jcreek/OpenNetworkDiagram.git
synced 2026-07-15 20:13:44 +00:00
feat(#5): Add icons
This commit is contained in:
+29
@@ -0,0 +1,29 @@
|
||||
<svg xmlns="http://www.w3.org/2000/svg" viewBox="5 5 90 90">
|
||||
<title>Pulse Logo</title>
|
||||
<style>
|
||||
@keyframes pulse {
|
||||
0%, 100% {
|
||||
opacity: 1;
|
||||
transform: scale(1);
|
||||
}
|
||||
50% {
|
||||
opacity: 0.7;
|
||||
transform: scale(1.1);
|
||||
}
|
||||
}
|
||||
.pulse-logo-circle {
|
||||
animation: pulse 2s cubic-bezier(0.4, 0, 0.6, 1) infinite;
|
||||
transform-origin: center;
|
||||
}
|
||||
/* Default (light mode) colors */
|
||||
.pulse-logo-outer { fill: #2563eb; } /* blue-600 */
|
||||
.pulse-logo-inner { fill: #ffffff; }
|
||||
/* Dark mode colors */
|
||||
@media (prefers-color-scheme: dark) {
|
||||
.pulse-logo-outer { fill: #3b82f6; } /* blue-500 */
|
||||
.pulse-logo-inner { fill: #dbeafe; } /* blue-100 */
|
||||
}
|
||||
</style>
|
||||
<circle class="pulse-logo-outer" cx="50" cy="50" r="45"/>
|
||||
<circle class="pulse-logo-inner pulse-logo-circle" cx="50" cy="50" r="25"/>
|
||||
</svg>
|
||||
|
After Width: | Height: | Size: 884 B |
Reference in New Issue
Block a user