spec.c4
1 //LikeC4 includes a set of icons from these packs: 2 3 // tech: from https://techicons.dev/ 4 // aws: from https://aws-icons.com 5 // azure: from https://learn.microsoft.com/en-us/azure/architecture/icons/ 6 // gcp: from https://gcpicons.com 7 // https://www.svgrepo.com 8 9 specification { 10 //============ 11 //= ELEMENTS = 12 //============ 13 element actor 14 element persona 15 16 element brand { 17 notation "Brand" 18 } 19 20 element context { 21 notation "Context" 22 } 23 element component { 24 notation "Component" 25 } 26 element container { 27 notation "Container" 28 } 29 element code { 30 notation "Code" 31 } 32 33 //============ 34 //== COLORS == 35 //============ 36 37 //== Slate == 38 color slate-50 #f8fafc 39 color slate-100 #f1f5f9 40 color slate-200 #e2e8f0 41 color slate-300 #cbd5e1 42 color slate-400 #94a3b8 43 color slate-500 #64748b 44 color slate-600 #475569 45 color slate-700 #334155 46 color slate-800 #1e293b 47 color slate-900 #0f172a 48 49 //== Gray == 50 color gray-50 #f9fafb 51 color gray-100 #f3f4f6 52 color gray-200 #e5e7eb 53 color gray-300 #d1d5db 54 color gray-400 #9ca3af 55 color gray-500 #6b7280 56 color gray-600 #4b5563 57 color gray-700 #374151 58 color gray-800 #1f2937 59 color gray-900 #111827 60 61 //== Zinc == 62 color zinc-50 #fafafa 63 color zinc-100 #f4f4f5 64 color zinc-200 #e4e4e7 65 color zinc-300 #d4d4d8 66 color zinc-400 #a1a1aa 67 color zinc-500 #71717a 68 color zinc-600 #52525b 69 color zinc-700 #3f3f46 70 color zinc-800 #27272a 71 color zinc-900 #18181b 72 73 //== Neutral == 74 color neutral-50 #fafafa 75 color neutral-100 #f5f5f5 76 color neutral-200 #e5e5e5 77 color neutral-300 #d4d4d4 78 color neutral-400 #a3a3a3 79 color neutral-500 #737373 80 color neutral-600 #525252 81 color neutral-700 #404040 82 color neutral-800 #262626 83 color neutral-900 #171717 84 85 //== Stone == 86 color stone-50 #fafaf9 87 color stone-100 #f5f5f4 88 color stone-200 #e7e5e4 89 color stone-300 #d6d3d1 90 color stone-400 #a8a29e 91 color stone-500 #78716c 92 color stone-600 #57534e 93 color stone-700 #44403c 94 color stone-800 #292524 95 color stone-900 #1c1917 96 97 //== Red == 98 color red-50 #fef2f2 99 color red-100 #fee2e2 100 color red-200 #fecaca 101 color red-300 #fca5a5 102 color red-400 #f87171 103 color red-500 #ef4444 104 color red-600 #dc2626 105 color red-700 #b91c1c 106 color red-800 #991b1b 107 color red-900 #7f1d1d 108 109 //== Orange == 110 color orange-50 #fff7ed 111 color orange-100 #ffedd5 112 color orange-200 #fed7aa 113 color orange-300 #fdba74 114 color orange-400 #fb923c 115 color orange-500 #f97316 116 color orange-600 #ea580c 117 color orange-700 #c2410c 118 color orange-800 #9a3412 119 color orange-900 #7c2d12 120 121 //== Amber == 122 color amber-50 #fffbeb 123 color amber-100 #fef3c7 124 color amber-200 #fde68a 125 color amber-300 #fcd34d 126 color amber-400 #fbbf24 127 color amber-500 #f59e0b 128 color amber-600 #d97706 129 color amber-700 #b45309 130 color amber-800 #92400e 131 color amber-900 #78350f 132 133 //== Yellow == 134 color yellow #EAB308 135 color yellow-50 #fefce8 136 color yellow-100 #fef9c3 137 color yellow-200 #fef08a 138 color yellow-300 #fde047 139 color yellow-400 #facc15 140 color yellow-500 #eab308 141 color yellow-600 #ca8a04 142 color yellow-700 #a16207 143 color yellow-800 #854d0e 144 color yellow-900 #713f12 145 146 //== Lime == 147 color lime-50 #f7fee7 148 color lime-100 #ecfccb 149 color lime-200 #d9f99d 150 color lime-300 #bef264 151 color lime-400 #a3e635 152 color lime-500 #84cc16 153 color lime-600 #65a30d 154 color lime-700 #4d7c0f 155 color lime-800 #3f6212 156 color lime-900 #365314 157 158 //== Green == 159 color green-50 #f0fdf4 160 color green-100 #dcfce7 161 color green-200 #bbf7d0 162 color green-300 #86efac 163 color green-400 #4ade80 164 color green-500 #22c55e 165 color green-600 #16a34a 166 color green-700 #15803d 167 color green-800 #166534 168 color green-900 #14532d 169 170 //== Emerald == 171 color emerald-50 #ecfdf5 172 color emerald-100 #d1fae5 173 color emerald-200 #a7f3d0 174 color emerald-300 #6ee7b7 175 color emerald-400 #34d399 176 color emerald-500 #10b981 177 color emerald-800 #065f46 178 color emerald-900 #064e3b 179 180 //== Teal == 181 color teal-50 #f0fdfa 182 color teal-100 #ccfbf1 183 color teal-200 #99f6e4 184 color teal-300 #5eead4 185 color teal-400 #2dd4bf 186 color teal-500 #14b8a6 187 color teal-600 #0d9488 188 color teal-700 #0f766e 189 color teal-800 #115e59 190 color teal-900 #134e4a 191 192 //== Cyan == 193 color cyan-50 #ecfeff 194 color cyan-100 #cffafe 195 color cyan-200 #a5f3fc 196 color cyan-300 #67e8f9 197 color cyan-400 #22d3ee 198 color cyan-500 #06b6d4 199 color cyan-600 #0891b2 200 color cyan-700 #0e7490 201 color cyan-800 #155e75 202 color cyan-900 #164e63 203 204 //== Sky == 205 color sky-50 #f0f9ff 206 color sky-100 #e0f2fe 207 color sky-200 #bae6fd 208 color sky-300 #7dd3fc 209 color sky-400 #38bdf8 210 color sky-500 #0ea5e9 211 color sky-600 #0284c7 212 color sky-700 #0369a1 213 color sky-900 #0c4a6e 214 215 //== Blue == 216 color blue-50 #eff6ff 217 color blue-100 #dbeafe 218 color blue-200 #bfdbfe 219 color blue-300 #93c5fd 220 color blue-400 #60a5fa 221 color blue-500 #3b82f6 222 color blue-600 #2563eb 223 color blue-700 #1d4ed8 224 color blue-800 #1e40af 225 color blue-900 #1e3a8a 226 227 //== Indigo == 228 color indigo-50 #eef2ff 229 color indigo-100 #e0e7ff 230 color indigo-200 #c7d2fe 231 color indigo-300 #a5b4fc 232 color indigo-400 #818cf8 233 color indigo-500 #6366f1 234 color indigo-600 #4f46e5 235 color indigo-700 #4338ca 236 color indigo-800 #3730a3 237 color indigo-900 #312e81 238 239 //== Violet == 240 color violet-50 #f5f3ff 241 color violet-100 #ede9fe 242 color violet-200 #ddd6fe 243 color violet-300 #c4b5fd 244 color violet-400 #a78bfa 245 color violet-500 #8b5cf6 246 color violet-600 #7c3aed 247 color violet-700 #6d28d9 248 color violet-800 #5b21b6 249 color violet-900 #4c1d95 250 251 //== Purple == 252 color purple-50 #faf5ff 253 color purple-100 #f3e8ff 254 color purple-200 #e9d5ff 255 color purple-300 #d8b4fe 256 color purple-400 #c084fc 257 color purple-500 #a855f7 258 color purple-600 #9333ea 259 color purple-700 #7e22ce 260 color purple-800 #6b21a8 261 color purple-900 #581c87 262 263 //== Fuchsia == 264 color fuchsia-50 #fdf4ff 265 color fuchsia-100 #fae8ff 266 color fuchsia-200 #f5d0fe 267 color fuchsia-300 #f0abfc 268 color fuchsia-400 #e879f9 269 color fuchsia-500 #d946ef 270 color fuchsia-600 #c026d3 271 color fuchsia-700 #a21caf 272 color fuchsia-800 #86198f 273 color fuchsia-900 #701a75 274 275 //== Pink == 276 color pink-50 #fdf2f8 277 color pink-100 #fce7f3 278 color pink-200 #fbcfe8 279 color pink-300 #f9a8d4 280 color pink-400 #f472b6 281 color pink-500 #ec4899 282 color pink-600 #db2777 283 color pink-700 #be185d 284 color pink-800 #9d174d 285 color pink-900 #831843 286 287 //== Rose == 288 color rose-50 #fff1f2 289 color rose-100 #ffe4e6 290 color rose-200 #fecdd3 291 color rose-300 #fda4af 292 color rose-400 #fb7185 293 color rose-500 #f43f5e 294 color rose-600 #e11d48 295 color rose-700 #be123c 296 color rose-800 #9f1239 297 color rose-900 #881337 298 }