Difference between revisions of "User:Dorsal Axe/Sandbox/Lemon"

From Nookipedia, the Animal Crossing wiki
Line 2: Line 2:
 
Different colours can be automatically applied to <code>styled</code> tables by appending one of the below classes. The chosen color should ideally match the [[Template:Infobox|infobox]] and [[Template:Navbox|navbox]] color used on the page. It is acceptable to use different colors on pages with lots of tables, or different categories where having distinguishing colors may serve a practical purpose (e.g. [[Nook Miles]] or [[Shoes]]).
 
Different colours can be automatically applied to <code>styled</code> tables by appending one of the below classes. The chosen color should ideally match the [[Template:Infobox|infobox]] and [[Template:Navbox|navbox]] color used on the page. It is acceptable to use different colors on pages with lots of tables, or different categories where having distinguishing colors may serve a practical purpose (e.g. [[Nook Miles]] or [[Shoes]]).
  
{| class="styled floatleft" style="text-align: center;"
+
{| class="styled floatleft" style="text-align: center; font-size: 0.8em;"
 
|-
 
|-
 
! rowspan=2 | Class
 
! rowspan=2 | Class
 
! rowspan=2 | Base Color HS
 
! rowspan=2 | Base Color HS
 
! rowspan=2 style="width: 15px;" | Base (50%)
 
! rowspan=2 style="width: 15px;" | Base (50%)
! rowspan=2 style="width: 15px;" | Shadow
+
! rowspan=2 style="width: 15px;" | Shadow (40%)
! rowspan=2 style="width: 15px;" | Text
+
! rowspan=2 style="width: 15px;" | Text (20%)
 
! colspan=3 style="width: 150px;" | Light mode table color
 
! colspan=3 style="width: 150px;" | Light mode table color
 
! colspan=3 style="width: 150px;" | Dark mode table color
 
! colspan=3 style="width: 150px;" | Dark mode table color
 
|-
 
|-
! 70%
+
! Pri<br>(70%)
! 85%
+
! Sec<br>(85%)
! 90%
+
! Ter<br>(90%)
! 30%
+
! Pri<br>(30%)
! 25%
+
! Sec<br>(25%)
! 20%
+
! Ter<br>(20%)
 
|-
 
|-
! colspan=9 | Gender
+
! colspan=11 | Gender
 
|-
 
|-
 
| <code>color-female</code>
 
| <code>color-female</code>
 
| 306, 70%
 
| 306, 70%
 
| style="background: hsl(306, 70%, 50%);" |
 
| style="background: hsl(306, 70%, 50%);" |
| style="background: hsl(306, 70%, 50%);" |
+
| style="background: hsl(306, 70%, 40%);" |
| style="background: hsl(306, 70%, 50%);" |
+
| style="background: hsl(306, 70%, 20%);" |
 
| style="background: hsl(306, 70%, 70%);" |
 
| style="background: hsl(306, 70%, 70%);" |
 
| style="background: hsl(306, 70%, 85%);" |
 
| style="background: hsl(306, 70%, 85%);" |
Line 36: Line 36:
 
| 214, 92%
 
| 214, 92%
 
| style="background: hsl(214, 92%, 50%);" |
 
| style="background: hsl(214, 92%, 50%);" |
| style="background: hsl(214, 92%, 50%);" |
+
| style="background: hsl(214, 92%, 40%);" |
| style="background: hsl(214, 92%, 50%);" |
+
| style="background: hsl(214, 92%, 20%);" |
 
| style="background: hsl(214, 92%, 70%);" |
 
| style="background: hsl(214, 92%, 70%);" |
 
| style="background: hsl(214, 92%, 85%);" |
 
| style="background: hsl(214, 92%, 85%);" |
Line 45: Line 45:
 
| style="background: hsl(214, 92%, 20%);" |
 
| style="background: hsl(214, 92%, 20%);" |
 
|-
 
|-
! colspan=9 | Item Color
+
! colspan=11 | Item Color
 
|-
 
|-
 
| <code>color-red</code>
 
| <code>color-red</code>
 
| 12, 87%
 
| 12, 87%
 
| style="background: hsl(12, 87%, 50%);" |
 
| style="background: hsl(12, 87%, 50%);" |
| style="background: hsl(12, 87%, 50%);" |
+
| style="background: hsl(12, 87%, 40%);" |
| style="background: hsl(12, 87%, 50%);" |
+
| style="background: hsl(12, 87%, 20%);" |
 
| style="background: hsl(12, 87%, 70%);" |
 
| style="background: hsl(12, 87%, 70%);" |
 
| style="background: hsl(12, 87%, 85%);" |
 
| style="background: hsl(12, 87%, 85%);" |
Line 62: Line 62:
 
| 32, 92%
 
| 32, 92%
 
| style="background: hsl(32, 92%, 50%);" |
 
| style="background: hsl(32, 92%, 50%);" |
| style="background: hsl(32, 92%, 50%);" |
+
| style="background: hsl(32, 92%, 40%);" |
| style="background: hsl(32, 92%, 50%);" |
+
| style="background: hsl(32, 92%, 20%);" |
 
| style="background: hsl(32, 92%, 70%);" |
 
| style="background: hsl(32, 92%, 70%);" |
 
| style="background: hsl(32, 92%, 85%);" |
 
| style="background: hsl(32, 92%, 85%);" |
Line 74: Line 74:
 
| 42, 96%
 
| 42, 96%
 
| style="background: hsl(42, 96%, 50%);" |
 
| style="background: hsl(42, 96%, 50%);" |
| style="background: hsl(42, 96%, 50%);" |
+
| style="background: hsl(42, 96%, 40%);" |
| style="background: hsl(42, 96%, 50%);" |
+
| style="background: hsl(42, 96%, 20%);" |
 
| style="background: hsl(42, 96%, 70%);" |
 
| style="background: hsl(42, 96%, 70%);" |
 
| style="background: hsl(42, 96%, 85%);" |
 
| style="background: hsl(42, 96%, 85%);" |
Line 86: Line 86:
 
|135, 47%
 
|135, 47%
 
| style="background: hsl(135, 47%, 50%);" |
 
| style="background: hsl(135, 47%, 50%);" |
| style="background: hsl(135, 47%, 50%);" |
+
| style="background: hsl(135, 47%, 40%);" |
| style="background: hsl(135, 47%, 50%);" |
+
| style="background: hsl(135, 47%, 20%);" |
 
| style="background: hsl(135, 47%, 70%);" |
 
| style="background: hsl(135, 47%, 70%);" |
 
| style="background: hsl(135, 47%, 85%);" |
 
| style="background: hsl(135, 47%, 85%);" |
Line 98: Line 98:
 
|196 50%
 
|196 50%
 
| style="background: hsl(196 50%, 50%);" |
 
| style="background: hsl(196 50%, 50%);" |
| style="background: hsl(196 50%, 50%);" |
+
| style="background: hsl(196 50%, 40%);" |
| style="background: hsl(196 50%, 50%);" |
+
| style="background: hsl(196 50%, 20%);" |
 
| style="background: hsl(196 50%, 70%);" |
 
| style="background: hsl(196 50%, 70%);" |
 
| style="background: hsl(196 50%, 85%);" |
 
| style="background: hsl(196 50%, 85%);" |
Line 110: Line 110:
 
|197 39%
 
|197 39%
 
| style="background: hsl(197 39%, 50%);" |
 
| style="background: hsl(197 39%, 50%);" |
| style="background: hsl(197 39%, 50%);" |
+
| style="background: hsl(197 39%, 40%);" |
| style="background: hsl(197 39%, 50%);" |
+
| style="background: hsl(197 39%, 20%);" |
 
| style="background: hsl(197 39%, 70%);" |
 
| style="background: hsl(197 39%, 70%);" |
 
| style="background: hsl(197 39%, 85%);" |
 
| style="background: hsl(197 39%, 85%);" |
Line 122: Line 122:
 
|331 33%
 
|331 33%
 
| style="background: hsl(331 33%, 50%);" |
 
| style="background: hsl(331 33%, 50%);" |
| style="background: hsl(331 33%, 50%);" |
+
| style="background: hsl(331 33%, 40%);" |
| style="background: hsl(331 33%, 50%);" |
+
| style="background: hsl(331 33%, 20%);" |
 
| style="background: hsl(331 33%, 70%);" |
 
| style="background: hsl(331 33%, 70%);" |
 
| style="background: hsl(331 33%, 85%);" |
 
| style="background: hsl(331 33%, 85%);" |
Line 134: Line 134:
 
|11 85%
 
|11 85%
 
| style="background: hsl(11 85%, 50%);" |
 
| style="background: hsl(11 85%, 50%);" |
| style="background: hsl(11 85%, 50%);" |
+
| style="background: hsl(11 85%, 40%);" |
| style="background: hsl(11 85%, 50%);" |
+
| style="background: hsl(11 85%, 20%);" |
 
| style="background: hsl(11 85%, 70%);" |
 
| style="background: hsl(11 85%, 70%);" |
 
| style="background: hsl(11 85%, 85%);" |
 
| style="background: hsl(11 85%, 85%);" |
Line 146: Line 146:
 
|50 54%
 
|50 54%
 
| style="background: hsl(50 54%, 50%);" |
 
| style="background: hsl(50 54%, 50%);" |
| style="background: hsl(50 54%, 50%);" |
+
| style="background: hsl(50 54%, 40%);" |
| style="background: hsl(50 54%, 50%);" |
+
| style="background: hsl(50 54%, 20%);" |
 
| style="background: hsl(50 54%, 70%);" |
 
| style="background: hsl(50 54%, 70%);" |
 
| style="background: hsl(50 54%, 85%);" |
 
| style="background: hsl(50 54%, 85%);" |
Line 158: Line 158:
 
|11 85%
 
|11 85%
 
| style="background: hsl(31 47%, 50%);" |
 
| style="background: hsl(31 47%, 50%);" |
| style="background: hsl(31 47%, 50%);" |
+
| style="background: hsl(31 47%, 40%);" |
| style="background: hsl(31 47%, 50%);" |
+
| style="background: hsl(31 47%, 20%);" |
 
| style="background: hsl(31 47%, 70%);" |
 
| style="background: hsl(31 47%, 70%);" |
 
| style="background: hsl(31 47%, 85%);" |
 
| style="background: hsl(31 47%, 85%);" |
Line 170: Line 170:
 
|0 0%
 
|0 0%
 
| style="background: hsl(0 0%, 50%);" |
 
| style="background: hsl(0 0%, 50%);" |
| style="background: hsl(0 0%, 50%);" |
+
| style="background: hsl(0 0%, 40%);" |
| style="background: hsl(0 0%, 50%);" |
+
| style="background: hsl(0 0%, 20%);" |
 
| style="background: hsl(0 0%, 70%);" |
 
| style="background: hsl(0 0%, 70%);" |
 
| style="background: hsl(0 0%, 85%);" |
 
| style="background: hsl(0 0%, 85%);" |
Line 182: Line 182:
 
|0 0%
 
|0 0%
 
| style="background: hsl(0 0%, 50%);" |
 
| style="background: hsl(0 0%, 50%);" |
| style="background: hsl(0 0%, 50%);" |
+
| style="background: hsl(0 0%, 40%);" |
| style="background: hsl(0 0%, 50%);" |
+
| style="background: hsl(0 0%, 20%);" |
 
| style="background: hsl(0 0%, 40%);" |40%
 
| style="background: hsl(0 0%, 40%);" |40%
 
| style="background: hsl(0 0%, 55%);" |55%
 
| style="background: hsl(0 0%, 55%);" |55%
Line 194: Line 194:
 
|0 0%
 
|0 0%
 
| style="background: hsl(0 0%, 50%);" |
 
| style="background: hsl(0 0%, 50%);" |
| style="background: hsl(0 0%, 50%);" |
+
| style="background: hsl(0 0%, 40%);" |
| style="background: hsl(0 0%, 50%);" |
+
| style="background: hsl(0 0%, 20%);" |
 
| style="background: hsl(0 0%, 85%);" |85%
 
| style="background: hsl(0 0%, 85%);" |85%
 
| style="background: hsl(0 0%, 89%);" |89%
 
| style="background: hsl(0 0%, 89%);" |89%
Line 203: Line 203:
 
| style="background: hsl(0 0%, 20%);" |
 
| style="background: hsl(0 0%, 20%);" |
 
|-
 
|-
! colspan=9 | Theme
+
! colspan=11 | Theme
 
|-
 
|-
 
| <code>color-civic</code>
 
| <code>color-civic</code>
 
|234 50%
 
|234 50%
 
| style="background: hsl(234 50%, 50%);" |
 
| style="background: hsl(234 50%, 50%);" |
| style="background: hsl(234 50%, 50%);" |
+
| style="background: hsl(234 50%, 40%);" |
| style="background: hsl(234 50%, 50%);" |
+
| style="background: hsl(234 50%, 20%);" |
 
| style="background: hsl(234 50%, 70%);" |
 
| style="background: hsl(234 50%, 70%);" |
 
| style="background: hsl(234 50%, 85%);" |
 
| style="background: hsl(234 50%, 85%);" |
Line 220: Line 220:
 
|208 96%
 
|208 96%
 
| style="background: hsl(208 96%, 50%);" |
 
| style="background: hsl(208 96%, 50%);" |
| style="background: hsl(208 96%, 50%);" |
+
| style="background: hsl(208 96%, 40%);" |
| style="background: hsl(208 96%, 50%);" |
+
| style="background: hsl(208 96%, 20%);" |
 
| style="background: hsl(208 96%, 70%);" |
 
| style="background: hsl(208 96%, 70%);" |
 
| style="background: hsl(208 96%, 85%);" |
 
| style="background: hsl(208 96%, 85%);" |
Line 232: Line 232:
 
|345 70%
 
|345 70%
 
| style="background: hsl(345 70%, 50%);" |
 
| style="background: hsl(345 70%, 50%);" |
| style="background: hsl(345 70%, 50%);" |
+
| style="background: hsl(345 70%, 40%);" |
| style="background: hsl(345 70%, 50%);" |
+
| style="background: hsl(345 70%, 20%);" |
 
| style="background: hsl(345 70%, 70%);" |
 
| style="background: hsl(345 70%, 70%);" |
 
| style="background: hsl(345 70%, 85%);" |
 
| style="background: hsl(345 70%, 85%);" |
Line 244: Line 244:
 
|282 63%
 
|282 63%
 
| style="background: hsl(282 63%, 50%);" |
 
| style="background: hsl(282 63%, 50%);" |
| style="background: hsl(282 63%, 50%);" |
+
| style="background: hsl(282 63%, 40%);" |
| style="background: hsl(282 63%, 50%);" |
+
| style="background: hsl(282 63%, 20%);" |
 
| style="background: hsl(282 63%, 70%);" |
 
| style="background: hsl(282 63%, 70%);" |
 
| style="background: hsl(282 63%, 85%);" |
 
| style="background: hsl(282 63%, 85%);" |
Line 256: Line 256:
 
|12 74%
 
|12 74%
 
| style="background: hsl(12 74%, 50%);" |
 
| style="background: hsl(12 74%, 50%);" |
| style="background: hsl(12 74%, 50%);" |
+
| style="background: hsl(12 74%, 40%);" |
| style="background: hsl(12 74%, 50%);" |
+
| style="background: hsl(12 74%, 20%);" |
 
| style="background: hsl(12 74%, 70%);" |
 
| style="background: hsl(12 74%, 70%);" |
 
| style="background: hsl(12 74%, 85%);" |
 
| style="background: hsl(12 74%, 85%);" |
Line 268: Line 268:
 
|30 90%
 
|30 90%
 
| style="background: hsl(30 90%, 50%);" |
 
| style="background: hsl(30 90%, 50%);" |
| style="background: hsl(30 90%, 50%);" |
+
| style="background: hsl(30 90%, 40%);" |
| style="background: hsl(30 90%, 50%);" |
+
| style="background: hsl(30 90%, 20%);" |
 
| style="background: hsl(30 90%, 70%);" |
 
| style="background: hsl(30 90%, 70%);" |
 
| style="background: hsl(30 90%, 85%);" |
 
| style="background: hsl(30 90%, 85%);" |
Line 280: Line 280:
 
|341 45%
 
|341 45%
 
| style="background: hsl(341 45%, 50%);" |
 
| style="background: hsl(341 45%, 50%);" |
| style="background: hsl(341 45%, 50%);" |
+
| style="background: hsl(341 45%, 40%);" |
| style="background: hsl(341 45%, 50%);" |
+
| style="background: hsl(341 45%, 20%);" |
 
| style="background: hsl(341 45%, 70%);" |
 
| style="background: hsl(341 45%, 70%);" |
 
| style="background: hsl(341 45%, 85%);" |
 
| style="background: hsl(341 45%, 85%);" |
Line 292: Line 292:
 
|12 74%
 
|12 74%
 
| style="background: hsl(177 58%, 50%);" |
 
| style="background: hsl(177 58%, 50%);" |
| style="background: hsl(177 58%, 50%);" |
+
| style="background: hsl(177 58%, 40%);" |
| style="background: hsl(177 58%, 50%);" |
+
| style="background: hsl(177 58%, 20%);" |
 
| style="background: hsl(177 58%, 70%);" |
 
| style="background: hsl(177 58%, 70%);" |
 
| style="background: hsl(177 58%, 85%);" |
 
| style="background: hsl(177 58%, 85%);" |
Line 304: Line 304:
 
|44 96%
 
|44 96%
 
| style="background: hsl(44 96%, 50%);" |
 
| style="background: hsl(44 96%, 50%);" |
| style="background: hsl(44 96%, 50%);" |
+
| style="background: hsl(44 96%, 40%);" |
| style="background: hsl(44 96%, 50%);" |
+
| style="background: hsl(44 96%, 20%);" |
 
| style="background: hsl(44 96%, 70%);" |
 
| style="background: hsl(44 96%, 70%);" |
 
| style="background: hsl(44 96%, 85%);" |
 
| style="background: hsl(44 96%, 85%);" |
Line 316: Line 316:
 
|71 98%
 
|71 98%
 
| style="background: hsl(71 98%, 50%);" |
 
| style="background: hsl(71 98%, 50%);" |
| style="background: hsl(71 98%, 50%);" |
+
| style="background: hsl(71 98%, 40%);" |
| style="background: hsl(71 98%, 50%);" |
+
| style="background: hsl(71 98%, 20%);" |
 
| style="background: hsl(71 98%, 70%);" |
 
| style="background: hsl(71 98%, 70%);" |
 
| style="background: hsl(71 98%, 85%);" |
 
| style="background: hsl(71 98%, 85%);" |
Line 328: Line 328:
 
|161 93%
 
|161 93%
 
| style="background: hsl(161 93%, 50%);" |
 
| style="background: hsl(161 93%, 50%);" |
| style="background: hsl(161 93%, 50%);" |
+
| style="background: hsl(161 93%, 40%);" |
| style="background: hsl(161 93%, 50%);" |
+
| style="background: hsl(161 93%, 20%);" |
 
| style="background: hsl(161 93%, 70%);" |
 
| style="background: hsl(161 93%, 70%);" |
 
| style="background: hsl(161 93%, 85%);" |
 
| style="background: hsl(161 93%, 85%);" |
Line 340: Line 340:
 
|0 0%
 
|0 0%
 
| style="background: hsl(0 0%, 50%);" |
 
| style="background: hsl(0 0%, 50%);" |
| style="background: hsl(0 0%, 50%);" |
+
| style="background: hsl(0 0%, 40%);" |
| style="background: hsl(0 0%, 50%);" |
+
| style="background: hsl(0 0%, 20%);" |
 
| style="background: hsl(0 0%, 70%);" |
 
| style="background: hsl(0 0%, 70%);" |
 
| style="background: hsl(0 0%, 85%);" |
 
| style="background: hsl(0 0%, 85%);" |
Line 352: Line 352:
 
|53 100%
 
|53 100%
 
| style="background: hsl(53 100%, 50%);" |
 
| style="background: hsl(53 100%, 50%);" |
| style="background: hsl(53 100%, 50%);" |
+
| style="background: hsl(53 100%, 40%);" |
| style="background: hsl(53 100%, 50%);" |
+
| style="background: hsl(53 100%, 20%);" |
 
| style="background: hsl(53 100%, 70%);" |
 
| style="background: hsl(53 100%, 70%);" |
 
| style="background: hsl(53 100%, 85%);" |
 
| style="background: hsl(53 100%, 85%);" |
Line 361: Line 361:
 
| style="background: hsl(53 100%, 20%);" |
 
| style="background: hsl(53 100%, 20%);" |
 
|-
 
|-
! colspan=9 | Category
+
! colspan=11 | Category
 
|-
 
|-
 
| <code>color-art</code>
 
| <code>color-art</code>
 
|23 61%
 
|23 61%
 
| style="background: hsl(23 61%, 50%);" |
 
| style="background: hsl(23 61%, 50%);" |
| style="background: hsl(23 61%, 50%);" |
+
| style="background: hsl(23 61%, 40%);" |
| style="background: hsl(23 61%, 50%);" |
+
| style="background: hsl(23 61%, 20%);" |
 
| style="background: hsl(23 61%, 70%);" |
 
| style="background: hsl(23 61%, 70%);" |
 
| style="background: hsl(23 61%, 85%);" |
 
| style="background: hsl(23 61%, 85%);" |
Line 378: Line 378:
 
|78 76%
 
|78 76%
 
| style="background: hsl(78 76%, 50%);" |
 
| style="background: hsl(78 76%, 50%);" |
| style="background: hsl(78 76%, 50%);" |
+
| style="background: hsl(78 76%, 40%);" |
| style="background: hsl(78 76%, 50%);" |
+
| style="background: hsl(78 76%, 20%);" |
 
| style="background: hsl(78 76%, 70%);" |
 
| style="background: hsl(78 76%, 70%);" |
 
| style="background: hsl(78 76%, 85%);" |
 
| style="background: hsl(78 76%, 85%);" |
Line 390: Line 390:
 
|353 72%
 
|353 72%
 
| style="background: hsl(353 72%, 50%);" |
 
| style="background: hsl(353 72%, 50%);" |
| style="background: hsl(353 72%, 50%);" |
+
| style="background: hsl(353 72%, 40%);" |
| style="background: hsl(353 72%, 50%);" |
+
| style="background: hsl(353 72%, 20%);" |
 
| style="background: hsl(353 72%, 70%);" |
 
| style="background: hsl(353 72%, 70%);" |
 
| style="background: hsl(353 72%, 85%);" |
 
| style="background: hsl(353 72%, 85%);" |
Line 402: Line 402:
 
|215 100%
 
|215 100%
 
| style="background: hsl(215 100%, 50%);" |
 
| style="background: hsl(215 100%, 50%);" |
| style="background: hsl(215 100%, 50%);" |
+
| style="background: hsl(215 100%, 40%);" |
| style="background: hsl(215 100%, 50%);" |
+
| style="background: hsl(215 100%, 20%);" |
 
| style="background: hsl(215 100%, 70%);" |
 
| style="background: hsl(215 100%, 70%);" |
 
| style="background: hsl(215 100%, 85%);" |
 
| style="background: hsl(215 100%, 85%);" |
Line 414: Line 414:
 
|322 49% (pri)<br>320 45% (sub)
 
|322 49% (pri)<br>320 45% (sub)
 
| style="background: hsl(322 49%, 50%);" |
 
| style="background: hsl(322 49%, 50%);" |
| style="background: hsl(322 49%, 50%);" |
+
| style="background: hsl(322 49%, 40%);" |
| style="background: hsl(322 49%, 50%);" |
+
| style="background: hsl(322 49%, 20%);" |
 
| style="background: hsl(322 49%, 70%);" |
 
| style="background: hsl(322 49%, 70%);" |
 
| style="background: hsl(320 45%, 85%);" |
 
| style="background: hsl(320 45%, 85%);" |
Line 426: Line 426:
 
|318 69%
 
|318 69%
 
| style="background: hsl(318 69%, 50%);" |
 
| style="background: hsl(318 69%, 50%);" |
| style="background: hsl(318 69%, 50%);" |
+
| style="background: hsl(318 69%, 40%);" |
| style="background: hsl(318 69%, 50%);" |
+
| style="background: hsl(318 69%, 20%);" |
 
| style="background: hsl(318 69%, 70%);" |
 
| style="background: hsl(318 69%, 70%);" |
 
| style="background: hsl(318 69%, 85%);" |
 
| style="background: hsl(318 69%, 85%);" |
Line 438: Line 438:
 
|200 100%
 
|200 100%
 
| style="background: hsl(200 100%, 50%);" |
 
| style="background: hsl(200 100%, 50%);" |
| style="background: hsl(200 100%, 50%);" |
+
| style="background: hsl(200 100%, 40%);" |
| style="background: hsl(200 100%, 50%);" |
+
| style="background: hsl(200 100%, 20%);" |
 
| style="background: hsl(200 100%, 70%);" |
 
| style="background: hsl(200 100%, 70%);" |
 
| style="background: hsl(200 100%, 85%);" |
 
| style="background: hsl(200 100%, 85%);" |
Line 450: Line 450:
 
|350 100% (light)<br>345 60% (dark)
 
|350 100% (light)<br>345 60% (dark)
 
| style="background: hsl(350 100%, 50%);" |
 
| style="background: hsl(350 100%, 50%);" |
| style="background: hsl(350 100%, 50%);" |
+
| style="background: hsl(350 100%, 40%);" |
| style="background: hsl(350 100%, 50%);" |
+
| style="background: hsl(350 100%, 20%);" |
 
| style="background: hsl(350 100%, 84%); color: black;" |84%
 
| style="background: hsl(350 100%, 84%); color: black;" |84%
 
| style="background: hsl(350 100%, 93%); color: black;" |93%
 
| style="background: hsl(350 100%, 93%); color: black;" |93%
Line 462: Line 462:
 
|43 74%
 
|43 74%
 
| style="background: hsl(43 74%, 50%);" |
 
| style="background: hsl(43 74%, 50%);" |
| style="background: hsl(43 74%, 50%);" |
+
| style="background: hsl(43 74%, 40%);" |
| style="background: hsl(43 74%, 50%);" |
+
| style="background: hsl(43 74%, 20%);" |
 
| style="background: hsl(43 74%, 70%);" |
 
| style="background: hsl(43 74%, 70%);" |
 
| style="background: hsl(43 74%, 85%);" |
 
| style="background: hsl(43 74%, 85%);" |
Line 474: Line 474:
 
|106 50%
 
|106 50%
 
| style="background: hsl(106 50%, 50%);" |
 
| style="background: hsl(106 50%, 50%);" |
| style="background: hsl(106 50%, 50%);" |
+
| style="background: hsl(106 50%, 40%);" |
| style="background: hsl(106 50%, 50%);" |
+
| style="background: hsl(106 50%, 20%);" |
 
| style="background: hsl(106 50%, 70%);" |
 
| style="background: hsl(106 50%, 70%);" |
 
| style="background: hsl(106 50%, 85%);" |
 
| style="background: hsl(106 50%, 85%);" |
Line 486: Line 486:
 
|163 58% (pri)<br>160 61% (sub)
 
|163 58% (pri)<br>160 61% (sub)
 
| style="background: hsl(163 58%, 50%);" |
 
| style="background: hsl(163 58%, 50%);" |
| style="background: hsl(163 58%, 50%);" |
+
| style="background: hsl(163 58%, 40%);" |
| style="background: hsl(163 58%, 50%);" |
+
| style="background: hsl(163 58%, 20%);" |
 
| style="background: hsl(163 58%, 70%);" |
 
| style="background: hsl(163 58%, 70%);" |
 
| style="background: hsl(160 61%, 85%);" |
 
| style="background: hsl(160 61%, 85%);" |
Line 498: Line 498:
 
|120 50%
 
|120 50%
 
| style="background: hsl(120 50%, 50%);" |
 
| style="background: hsl(120 50%, 50%);" |
| style="background: hsl(120 50%, 50%);" |
+
| style="background: hsl(120 50%, 40%);" |
| style="background: hsl(120 50%, 50%);" |
+
| style="background: hsl(120 50%, 20%);" |
 
| style="background: hsl(120 50%, 70%);" |
 
| style="background: hsl(120 50%, 70%);" |
 
| style="background: hsl(120 50%, 85%);" |
 
| style="background: hsl(120 50%, 85%);" |
Line 510: Line 510:
 
|269 74%
 
|269 74%
 
| style="background: hsl(269 74%, 50%);" |
 
| style="background: hsl(269 74%, 50%);" |
| style="background: hsl(269 74%, 50%);" |
+
| style="background: hsl(269 74%, 40%);" |
| style="background: hsl(269 74%, 50%);" |
+
| style="background: hsl(269 74%, 20%);" |
 
| style="background: hsl(269 74%, 70%);" |
 
| style="background: hsl(269 74%, 70%);" |
 
| style="background: hsl(269 74%, 85%);" |
 
| style="background: hsl(269 74%, 85%);" |
Line 522: Line 522:
 
|45 75%
 
|45 75%
 
| style="background: hsl(45 75%, 50%);" |
 
| style="background: hsl(45 75%, 50%);" |
| style="background: hsl(45 75%, 50%);" |
+
| style="background: hsl(45 75%, 40%);" |
| style="background: hsl(45 75%, 50%);" |
+
| style="background: hsl(45 75%, 20%);" |
 
| style="background: hsl(45 75%, 70%);" |
 
| style="background: hsl(45 75%, 70%);" |
 
| style="background: hsl(45 75%, 85%);" |
 
| style="background: hsl(45 75%, 85%);" |
Line 534: Line 534:
 
|50 95%
 
|50 95%
 
| style="background: hsl(50 95%, 50%);" |
 
| style="background: hsl(50 95%, 50%);" |
| style="background: hsl(50 95%, 50%);" |
+
| style="background: hsl(50 95%, 40%);" |
| style="background: hsl(50 95%, 50%);" |
+
| style="background: hsl(50 95%, 20%);" |
 
| style="background: hsl(50 95%, 70%);" |
 
| style="background: hsl(50 95%, 70%);" |
 
| style="background: hsl(50 95%, 85%);" |
 
| style="background: hsl(50 95%, 85%);" |
Line 546: Line 546:
 
|146 42%
 
|146 42%
 
| style="background: hsl(146 42%, 50%);" |
 
| style="background: hsl(146 42%, 50%);" |
| style="background: hsl(146 42%, 50%);" |
+
| style="background: hsl(146 42%, 40%);" |
| style="background: hsl(146 42%, 50%);" |
+
| style="background: hsl(146 42%, 20%);" |
 
| style="background: hsl(146 42%, 70%);" |
 
| style="background: hsl(146 42%, 70%);" |
 
| style="background: hsl(146 42%, 85%);" |
 
| style="background: hsl(146 42%, 85%);" |
Line 558: Line 558:
 
|318 34%
 
|318 34%
 
| style="background: hsl(318 34%, 50%);" |
 
| style="background: hsl(318 34%, 50%);" |
| style="background: hsl(318 34%, 50%);" |
+
| style="background: hsl(318 34%, 40%);" |
| style="background: hsl(318 34%, 50%);" |
+
| style="background: hsl(318 34%, 20%);" |
 
| style="background: hsl(318 34%, 70%);" |
 
| style="background: hsl(318 34%, 70%);" |
 
| style="background: hsl(318 34%, 85%);" |
 
| style="background: hsl(318 34%, 85%);" |
Line 570: Line 570:
 
|193 53%
 
|193 53%
 
| style="background: hsl(193 53%, 50%);" |
 
| style="background: hsl(193 53%, 50%);" |
| style="background: hsl(193 53%, 50%);" |
+
| style="background: hsl(193 53%, 40%);" |
| style="background: hsl(193 53%, 50%);" |
+
| style="background: hsl(193 53%, 20%);" |
 
| style="background: hsl(193 53%, 70%);" |
 
| style="background: hsl(193 53%, 70%);" |
 
| style="background: hsl(193 53%, 85%);" |
 
| style="background: hsl(193 53%, 85%);" |
Line 582: Line 582:
 
|782 75%
 
|782 75%
 
| style="background: hsl(782 75%, 50%);" |
 
| style="background: hsl(782 75%, 50%);" |
| style="background: hsl(782 75%, 50%);" |
+
| style="background: hsl(782 75%, 40%);" |
| style="background: hsl(782 75%, 50%);" |
+
| style="background: hsl(782 75%, 20%);" |
 
| style="background: hsl(782 75%, 70%);" |
 
| style="background: hsl(782 75%, 70%);" |
 
| style="background: hsl(782 75%, 85%);" |
 
| style="background: hsl(782 75%, 85%);" |
Line 594: Line 594:
 
|60 31%
 
|60 31%
 
| style="background: hsl(60 31%, 50%);" |
 
| style="background: hsl(60 31%, 50%);" |
| style="background: hsl(60 31%, 50%);" |
+
| style="background: hsl(60 31%, 40%);" |
| style="background: hsl(60 31%, 50%);" |
+
| style="background: hsl(60 31%, 20%);" |
 
| style="background: hsl(60 31%, 70%);" |
 
| style="background: hsl(60 31%, 70%);" |
 
| style="background: hsl(60 31%, 85%);" |
 
| style="background: hsl(60 31%, 85%);" |
Line 606: Line 606:
 
|0 59%
 
|0 59%
 
| style="background: hsl(0 59%, 50%);" |
 
| style="background: hsl(0 59%, 50%);" |
| style="background: hsl(0 59%, 50%);" |
+
| style="background: hsl(0 59%, 40%);" |
| style="background: hsl(0 59%, 50%);" |
+
| style="background: hsl(0 59%, 20%);" |
 
| style="background: hsl(0 59%, 70%);" |
 
| style="background: hsl(0 59%, 70%);" |
 
| style="background: hsl(0 59%, 85%);" |
 
| style="background: hsl(0 59%, 85%);" |
Line 618: Line 618:
 
|99 45%
 
|99 45%
 
| style="background: hsl(99 45%, 50%);" |
 
| style="background: hsl(99 45%, 50%);" |
| style="background: hsl(99 45%, 50%);" |
+
| style="background: hsl(99 45%, 40%);" |
| style="background: hsl(99 45%, 50%);" |
+
| style="background: hsl(99 45%, 20%);" |
 
| style="background: hsl(99 45%, 70%);" |
 
| style="background: hsl(99 45%, 70%);" |
 
| style="background: hsl(99 45%, 85%);" |
 
| style="background: hsl(99 45%, 85%);" |
Line 630: Line 630:
 
|248 53%
 
|248 53%
 
| style="background: hsl(248 53%, 50%);" |
 
| style="background: hsl(248 53%, 50%);" |
| style="background: hsl(248 53%, 50%);" |
+
| style="background: hsl(248 53%, 40%);" |
| style="background: hsl(248 53%, 50%);" |
+
| style="background: hsl(248 53%, 20%);" |
 
| style="background: hsl(248 53%, 70%);" |
 
| style="background: hsl(248 53%, 70%);" |
 
| style="background: hsl(248 53%, 85%);" |
 
| style="background: hsl(248 53%, 85%);" |
Line 642: Line 642:
 
|277 57%
 
|277 57%
 
| style="background: hsl(277 57%, 50%);" |
 
| style="background: hsl(277 57%, 50%);" |
| style="background: hsl(277 57%, 50%);" |
+
| style="background: hsl(277 57%, 40%);" |
| style="background: hsl(277 57%, 50%);" |
+
| style="background: hsl(277 57%, 20%);" |
 
| style="background: hsl(277 57%, 70%);" |
 
| style="background: hsl(277 57%, 70%);" |
 
| style="background: hsl(277 57%, 85%);" |
 
| style="background: hsl(277 57%, 85%);" |
Line 654: Line 654:
 
|60 20%
 
|60 20%
 
| style="background: hsl(60 20%, 50%);" |
 
| style="background: hsl(60 20%, 50%);" |
| style="background: hsl(60 20%, 50%);" |
+
| style="background: hsl(60 20%, 40%);" |
| style="background: hsl(60 20%, 50%);" |
+
| style="background: hsl(60 20%, 20%);" |
 
| style="background: hsl(60 20%, 70%);" |
 
| style="background: hsl(60 20%, 70%);" |
 
| style="background: hsl(60 20%, 85%);" |
 
| style="background: hsl(60 20%, 85%);" |
Line 666: Line 666:
 
|215 100%
 
|215 100%
 
| style="background: hsl(215 100%, 50%);" |
 
| style="background: hsl(215 100%, 50%);" |
| style="background: hsl(215 100%, 50%);" |
+
| style="background: hsl(215 100%, 40%);" |
| style="background: hsl(215 100%, 50%);" |
+
| style="background: hsl(215 100%, 20%);" |
 
| style="background: hsl(215 100%, 70%);" |
 
| style="background: hsl(215 100%, 70%);" |
 
| style="background: hsl(215 100%, 85%);" |
 
| style="background: hsl(215 100%, 85%);" |
Line 678: Line 678:
 
|81 87%
 
|81 87%
 
| style="background: hsl(81 87%, 50%);" |
 
| style="background: hsl(81 87%, 50%);" |
| style="background: hsl(81 87%, 50%);" |
+
| style="background: hsl(81 87%, 40%);" |
| style="background: hsl(81 87%, 50%);" |
+
| style="background: hsl(81 87%, 20%);" |
 
| style="background: hsl(81 87%, 70%);" |
 
| style="background: hsl(81 87%, 70%);" |
 
| style="background: hsl(81 87%, 85%);" |
 
| style="background: hsl(81 87%, 85%);" |
Line 690: Line 690:
 
|280 61%
 
|280 61%
 
| style="background: hsl(280 61%, 50%);" |
 
| style="background: hsl(280 61%, 50%);" |
| style="background: hsl(280 61%, 50%);" |
+
| style="background: hsl(280 61%, 40%);" |
| style="background: hsl(280 61%, 50%);" |
+
| style="background: hsl(280 61%, 20%);" |
 
| style="background: hsl(280 61%, 70%);" |
 
| style="background: hsl(280 61%, 70%);" |
 
| style="background: hsl(280 61%, 85%);" |
 
| style="background: hsl(280 61%, 85%);" |
Line 702: Line 702:
 
|34 57% (pri)<br>39 77%% (sub)
 
|34 57% (pri)<br>39 77%% (sub)
 
| style="background: hsl(34 57%, 50%);" |
 
| style="background: hsl(34 57%, 50%);" |
| style="background: hsl(34 57%, 50%);" |
+
| style="background: hsl(34 57%, 40%);" |
| style="background: hsl(34 57%, 50%);" |
+
| style="background: hsl(34 57%, 20%);" |
 
| style="background: hsl(34 57%, 70%);" |
 
| style="background: hsl(34 57%, 70%);" |
 
| style="background: hsl(39 77%, 85%);" |
 
| style="background: hsl(39 77%, 85%);" |
Line 714: Line 714:
 
|0 0%
 
|0 0%
 
| style="background: hsl(0 0%, 50%);" |
 
| style="background: hsl(0 0%, 50%);" |
| style="background: hsl(0 0%, 50%);" |
+
| style="background: hsl(0 0%, 40%);" |
| style="background: hsl(0 0%, 50%);" |
+
| style="background: hsl(0 0%, 20%);" |
 
| style="background: hsl(0 0%, 70%);" |
 
| style="background: hsl(0 0%, 70%);" |
 
| style="background: hsl(0 0%, 85%);" |
 
| style="background: hsl(0 0%, 85%);" |
Line 726: Line 726:
 
|39 100% (pri)<br>42 73% (sub)
 
|39 100% (pri)<br>42 73% (sub)
 
| style="background: hsl(39 100%, 50%);" |
 
| style="background: hsl(39 100%, 50%);" |
| style="background: hsl(39 100%, 50%);" |
+
| style="background: hsl(39 100%, 40%);" |
| style="background: hsl(39 100%, 50%);" |
+
| style="background: hsl(39 100%, 20%);" |
 
| style="background: hsl(39 100%, 70%);" |
 
| style="background: hsl(39 100%, 70%);" |
 
| style="background: hsl(42 73%, 85%);" |
 
| style="background: hsl(42 73%, 85%);" |
Line 738: Line 738:
 
|34 93%
 
|34 93%
 
| style="background: hsl(34 93%, 50%);" |
 
| style="background: hsl(34 93%, 50%);" |
| style="background: hsl(34 93%, 50%);" |
+
| style="background: hsl(34 93%, 40%);" |
| style="background: hsl(34 93%, 50%);" |
+
| style="background: hsl(34 93%, 20%);" |
 
| style="background: hsl(34 93%, 70%);" |
 
| style="background: hsl(34 93%, 70%);" |
 
| style="background: hsl(34 93%, 85%);" |
 
| style="background: hsl(34 93%, 85%);" |
Line 750: Line 750:
 
|101 28%
 
|101 28%
 
| style="background: hsl(101 28%, 50%);" |
 
| style="background: hsl(101 28%, 50%);" |
| style="background: hsl(101 28%, 50%);" |
+
| style="background: hsl(101 28%, 40%);" |
| style="background: hsl(101 28%, 50%);" |
+
| style="background: hsl(101 28%, 20%);" |
 
| style="background: hsl(101 28%, 70%);" |
 
| style="background: hsl(101 28%, 70%);" |
 
| style="background: hsl(101 28%, 85%);" |
 
| style="background: hsl(101 28%, 85%);" |
Line 762: Line 762:
 
|144 39%
 
|144 39%
 
| style="background: hsl(144 39%, 50%);" |
 
| style="background: hsl(144 39%, 50%);" |
| style="background: hsl(144 39%, 50%);" |
+
| style="background: hsl(144 39%, 40%);" |
| style="background: hsl(144 39%, 50%);" |
+
| style="background: hsl(144 39%, 20%);" |
 
| style="background: hsl(144 39%, 70%);" |
 
| style="background: hsl(144 39%, 70%);" |
 
| style="background: hsl(144 39%, 85%);" |
 
| style="background: hsl(144 39%, 85%);" |
Line 774: Line 774:
 
|50 70%
 
|50 70%
 
| style="background: hsl(50 70%, 50%);" |
 
| style="background: hsl(50 70%, 50%);" |
| style="background: hsl(50 70%, 50%);" |
+
| style="background: hsl(50 70%, 40%);" |
| style="background: hsl(50 70%, 50%);" |
+
| style="background: hsl(50 70%, 20%);" |
 
| style="background: hsl(50 70%, 70%);" |
 
| style="background: hsl(50 70%, 70%);" |
 
| style="background: hsl(50 70%, 85%);" |
 
| style="background: hsl(50 70%, 85%);" |
Line 786: Line 786:
 
|195 52%
 
|195 52%
 
| style="background: hsl(195 52%, 50%);" |
 
| style="background: hsl(195 52%, 50%);" |
| style="background: hsl(195 52%, 50%);" |
+
| style="background: hsl(195 52%, 40%);" |
| style="background: hsl(195 52%, 50%);" |
+
| style="background: hsl(195 52%, 20%);" |
 
| style="background: hsl(195 52%, 70%);" |
 
| style="background: hsl(195 52%, 70%);" |
 
| style="background: hsl(195 52%, 85%);" |
 
| style="background: hsl(195 52%, 85%);" |
Line 798: Line 798:
 
|96 70%
 
|96 70%
 
| style="background: hsl(96 70%, 50%);" |
 
| style="background: hsl(96 70%, 50%);" |
| style="background: hsl(96 70%, 50%);" |
+
| style="background: hsl(96 70%, 40%);" |
| style="background: hsl(96 70%, 50%);" |
+
| style="background: hsl(96 70%, 20%);" |
 
| style="background: hsl(96 70%, 70%);" |
 
| style="background: hsl(96 70%, 70%);" |
 
| style="background: hsl(96 70%, 85%);" |
 
| style="background: hsl(96 70%, 85%);" |
Line 810: Line 810:
 
|333 83%
 
|333 83%
 
| style="background: hsl(333 83%, 50%);" |
 
| style="background: hsl(333 83%, 50%);" |
| style="background: hsl(333 83%, 50%);" |
+
| style="background: hsl(333 83%, 40%);" |
| style="background: hsl(333 83%, 50%);" |
+
| style="background: hsl(333 83%, 20%);" |
 
| style="background: hsl(333 83%, 70%);" |
 
| style="background: hsl(333 83%, 70%);" |
 
| style="background: hsl(333 83%, 85%);" |
 
| style="background: hsl(333 83%, 85%);" |
Line 822: Line 822:
 
|191 84%
 
|191 84%
 
| style="background: hsl(191 84%, 50%);" |
 
| style="background: hsl(191 84%, 50%);" |
| style="background: hsl(191 84%, 50%);" |
+
| style="background: hsl(191 84%, 40%);" |
| style="background: hsl(191 84%, 50%);" |
+
| style="background: hsl(191 84%, 20%);" |
 
| style="background: hsl(191 84%, 70%);" |
 
| style="background: hsl(191 84%, 70%);" |
 
| style="background: hsl(191 84%, 85%);" |
 
| style="background: hsl(191 84%, 85%);" |
Line 834: Line 834:
 
|29 87%
 
|29 87%
 
| style="background: hsl(29 87%, 50%);" |
 
| style="background: hsl(29 87%, 50%);" |
| style="background: hsl(29 87%, 50%);" |
+
| style="background: hsl(29 87%, 40%);" |
| style="background: hsl(29 87%, 50%);" |
+
| style="background: hsl(29 87%, 20%);" |
 
| style="background: hsl(29 87%, 70%);" |
 
| style="background: hsl(29 87%, 70%);" |
 
| style="background: hsl(29 87%, 85%);" |
 
| style="background: hsl(29 87%, 85%);" |
Line 846: Line 846:
 
|241 59%
 
|241 59%
 
| style="background: hsl(241 59%, 50%);" |
 
| style="background: hsl(241 59%, 50%);" |
| style="background: hsl(241 59%, 50%);" |
+
| style="background: hsl(241 59%, 40%);" |
| style="background: hsl(241 59%, 50%);" |
+
| style="background: hsl(241 59%, 20%);" |
 
| style="background: hsl(241 59%, 70%);" |
 
| style="background: hsl(241 59%, 70%);" |
 
| style="background: hsl(241 59%, 85%);" |
 
| style="background: hsl(241 59%, 85%);" |

Revision as of 04:46, May 18, 2024

Styling

Different colours can be automatically applied to styled tables by appending one of the below classes. The chosen color should ideally match the infobox and navbox color used on the page. It is acceptable to use different colors on pages with lots of tables, or different categories where having distinguishing colors may serve a practical purpose (e.g. Nook Miles or Shoes).

Class Base Color HS Base (50%) Shadow (40%) Text (20%) Light mode table color Dark mode table color
Pri
(70%)
Sec
(85%)
Ter
(90%)
Pri
(30%)
Sec
(25%)
Ter
(20%)
Gender
color-female 306, 70%
color-male 214, 92%
Item Color
color-red 12, 87%
color-orange 32, 92%
color-yellow 42, 96%
color-green 135, 47%
color-aqua 196 50%
color-blue 197 39%
color-purple 331 33%
color-pink 11 85%
color-beige 50 54%
color-brown 11 85%
color-gray 0 0%
color-black 0 0% 40% 55% 60%
color-white 0 0% 85% 89% 92%
Theme
color-civic 234 50%
color-cool 208 96%
color-cute 345 70%
color-elegant 282 63%
color-harmonious 12 74%
color-hip 30 90%
color-historical 341 45%
color-modern 12 74%
color-natural 44 96%
color-rustic 71 98%
color-sporty 161 93%
color-generic 0 0%
color-special 53 100%
Category
color-art 23 61%
color-bug 78 76%
color-design 353 72%
color-event 215 100%
color-fashion 322 49% (pri)
320 45% (sub)
color-film 318 69%
color-fish 200 100%
color-flora 350 100% (light)
345 60% (dark)
84% 93% 96% 40% 35% 30%
color-fossil 43 74%
color-furniture 106 50%
color-gameplay 163 58% (pri)
160 61% (sub)
color-geography 120 50%
color-image 269 74%
color-islander 45 75%
color-item 50 95%
color-location 146 42%
color-manga 318 34%
color-merchandise 193 53%
color-minigame 782 75%
color-museum 60 31%
color-music 0 59%
color-nookipedia 99 45%
color-publication 248 53%
color-reaction 277 57%
color-realworld 60 20%
color-seacreature 215 100%
color-special 81 87%
color-species 280 61%
color-ssb 34 57% (pri)
39 77%% (sub)
color-system 0 0%
color-series 39 100% (pri)
42 73% (sub)
color-tools 34 93%
color-town 101 28%
color-update 144 39%
color-user 50 70%
color-villager 195 52%
color-season 96 70%
color-spring 333 83%
color-summer 191 84%
color-autumn 29 87%
color-winter 241 59%