SVG Style Guide: Difference between revisions

Revision as of 16:47, 2 November 2022

Dimensions

Each file should have a canvase size of 100×100px. The contents should be exactly 95px at the largest dimension, and centered within the canvas. Every element should have a 1px outer stroke in black (#000000).

Colors

Default Gray
#CCCCCC

Sequence of Seven Ate Nine

0th Order White^[1]
#FAFAFA

1st Order Purple
#CC66CC

2nd Order Blue
#6666CC

3rd Order Green
#66CC66

4th Order Yellow
#CCCC66

5th Order Orange
#CC6600

6th Order Red
#CC6666

7th Order Grey
#666666

8th Order Black
#333333

Glorious Purpose

Positive Quality Green
#00CC00

Negative Quality Red
#CC0000

Notes

↑ Older icons use #FFFFFF, but it's not worth the aggravation of updating them all.

[1] Older icons use #FFFFFF, but it's not worth the aggravation of updating them all.

[1]

@@ Line 1: / Line 1: @@
 [[Category:Style Sheet]]
+==Dimensions==
+Each file should have a canvase size of 100×100px. The contents should be exactly 95px at the largest dimension, and centered within the canvas. Every element should have a 1px outer stroke in black ({{Code|#000000}}).
+==Colors==
 <div style="display: flex; flex-wrap: wrap;">
 {{Color|Default Gray|CCCCCC}}
 </div>
-==Sequence of Seven Ate Nine==
+===Sequence of Seven Ate Nine===
 <div style="display: flex; flex-wrap: wrap;">
 {{Color|0th Order White<ref>Older icons use {{Code|#FFFFFF}}, but it's not worth the aggravation of updating them all.</ref>|FAFAFA}}
@@ Line 17: / Line 20: @@
 </div>
-==Glorious Purpose==
+===Glorious Purpose===
 <div style="display: flex; flex-wrap: wrap;">
 {{Color|Positive Quality Green|00CC00}}
 {{Color|Negative Quality Red|CC0000}}
 </div>
-==Notes==
+===Notes===
 <references />