Difference between revisions of "User:Dorsal Axe/Sandbox/Lemon"
From Nookipedia, the Animal Crossing wiki
< User:Dorsal Axe | Sandbox
Dorsal Axe (talk | contribs) |
Dorsal Axe (talk | contribs) |
||
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= | + | ! 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%, | + | | style="background: hsl(306, 70%, 40%);" | |
− | | style="background: hsl(306, 70%, | + | | 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%, | + | | style="background: hsl(214, 92%, 40%);" | |
− | | style="background: hsl(214, 92%, | + | | 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= | + | ! 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%, | + | | style="background: hsl(12, 87%, 40%);" | |
− | | style="background: hsl(12, 87%, | + | | 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%, | + | | style="background: hsl(32, 92%, 40%);" | |
− | | style="background: hsl(32, 92%, | + | | 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%, | + | | style="background: hsl(42, 96%, 40%);" | |
− | | style="background: hsl(42, 96%, | + | | 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%, | + | | style="background: hsl(135, 47%, 40%);" | |
− | | style="background: hsl(135, 47%, | + | | 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%, | + | | style="background: hsl(196 50%, 40%);" | |
− | | style="background: hsl(196 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%, | + | | style="background: hsl(197 39%, 40%);" | |
− | | style="background: hsl(197 39%, | + | | 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%, | + | | style="background: hsl(331 33%, 40%);" | |
− | | style="background: hsl(331 33%, | + | | 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%, | + | | style="background: hsl(11 85%, 40%);" | |
− | | style="background: hsl(11 85%, | + | | 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%, | + | | style="background: hsl(50 54%, 40%);" | |
− | | style="background: hsl(50 54%, | + | | 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%, | + | | style="background: hsl(31 47%, 40%);" | |
− | | style="background: hsl(31 47%, | + | | 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%, | + | | style="background: hsl(0 0%, 40%);" | |
− | | style="background: hsl(0 0%, | + | | 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%, | + | | style="background: hsl(0 0%, 40%);" | |
− | | style="background: hsl(0 0%, | + | | 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%, | + | | style="background: hsl(0 0%, 40%);" | |
− | | style="background: hsl(0 0%, | + | | 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= | + | ! 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%, | + | | style="background: hsl(234 50%, 40%);" | |
− | | style="background: hsl(234 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%, | + | | style="background: hsl(208 96%, 40%);" | |
− | | style="background: hsl(208 96%, | + | | 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%, | + | | style="background: hsl(345 70%, 40%);" | |
− | | style="background: hsl(345 70%, | + | | 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%, | + | | style="background: hsl(282 63%, 40%);" | |
− | | style="background: hsl(282 63%, | + | | 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%, | + | | style="background: hsl(12 74%, 40%);" | |
− | | style="background: hsl(12 74%, | + | | 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%, | + | | style="background: hsl(30 90%, 40%);" | |
− | | style="background: hsl(30 90%, | + | | 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%, | + | | style="background: hsl(341 45%, 40%);" | |
− | | style="background: hsl(341 45%, | + | | 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%, | + | | style="background: hsl(177 58%, 40%);" | |
− | | style="background: hsl(177 58%, | + | | 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%, | + | | style="background: hsl(44 96%, 40%);" | |
− | | style="background: hsl(44 96%, | + | | 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%, | + | | style="background: hsl(71 98%, 40%);" | |
− | | style="background: hsl(71 98%, | + | | 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%, | + | | style="background: hsl(161 93%, 40%);" | |
− | | style="background: hsl(161 93%, | + | | 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%, | + | | style="background: hsl(0 0%, 40%);" | |
− | | style="background: hsl(0 0%, | + | | 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%, | + | | style="background: hsl(53 100%, 40%);" | |
− | | style="background: hsl(53 100%, | + | | 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= | + | ! 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%, | + | | style="background: hsl(23 61%, 40%);" | |
− | | style="background: hsl(23 61%, | + | | 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%, | + | | style="background: hsl(78 76%, 40%);" | |
− | | style="background: hsl(78 76%, | + | | 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%, | + | | style="background: hsl(353 72%, 40%);" | |
− | | style="background: hsl(353 72%, | + | | 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%, | + | | style="background: hsl(215 100%, 40%);" | |
− | | style="background: hsl(215 100%, | + | | 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%, | + | | style="background: hsl(322 49%, 40%);" | |
− | | style="background: hsl(322 49%, | + | | 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%, | + | | style="background: hsl(318 69%, 40%);" | |
− | | style="background: hsl(318 69%, | + | | 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%, | + | | style="background: hsl(200 100%, 40%);" | |
− | | style="background: hsl(200 100%, | + | | 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%, | + | | style="background: hsl(350 100%, 40%);" | |
− | | style="background: hsl(350 100%, | + | | 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%, | + | | style="background: hsl(43 74%, 40%);" | |
− | | style="background: hsl(43 74%, | + | | 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%, | + | | style="background: hsl(106 50%, 40%);" | |
− | | style="background: hsl(106 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%, | + | | style="background: hsl(163 58%, 40%);" | |
− | | style="background: hsl(163 58%, | + | | 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%, | + | | style="background: hsl(120 50%, 40%);" | |
− | | style="background: hsl(120 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%, | + | | style="background: hsl(269 74%, 40%);" | |
− | | style="background: hsl(269 74%, | + | | 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%, | + | | style="background: hsl(45 75%, 40%);" | |
− | | style="background: hsl(45 75%, | + | | 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%, | + | | style="background: hsl(50 95%, 40%);" | |
− | | style="background: hsl(50 95%, | + | | 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%, | + | | style="background: hsl(146 42%, 40%);" | |
− | | style="background: hsl(146 42%, | + | | 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%, | + | | style="background: hsl(318 34%, 40%);" | |
− | | style="background: hsl(318 34%, | + | | 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%, | + | | style="background: hsl(193 53%, 40%);" | |
− | | style="background: hsl(193 53%, | + | | 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%, | + | | style="background: hsl(782 75%, 40%);" | |
− | | style="background: hsl(782 75%, | + | | 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%, | + | | style="background: hsl(60 31%, 40%);" | |
− | | style="background: hsl(60 31%, | + | | 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%, | + | | style="background: hsl(0 59%, 40%);" | |
− | | style="background: hsl(0 59%, | + | | 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%, | + | | style="background: hsl(99 45%, 40%);" | |
− | | style="background: hsl(99 45%, | + | | 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%, | + | | style="background: hsl(248 53%, 40%);" | |
− | | style="background: hsl(248 53%, | + | | 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%, | + | | style="background: hsl(277 57%, 40%);" | |
− | | style="background: hsl(277 57%, | + | | 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%, | + | | style="background: hsl(60 20%, 40%);" | |
− | | style="background: hsl(60 20%, | + | | 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%, | + | | style="background: hsl(215 100%, 40%);" | |
− | | style="background: hsl(215 100%, | + | | 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%, | + | | style="background: hsl(81 87%, 40%);" | |
− | | style="background: hsl(81 87%, | + | | 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%, | + | | style="background: hsl(280 61%, 40%);" | |
− | | style="background: hsl(280 61%, | + | | 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%, | + | | style="background: hsl(34 57%, 40%);" | |
− | | style="background: hsl(34 57%, | + | | 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%, | + | | style="background: hsl(0 0%, 40%);" | |
− | | style="background: hsl(0 0%, | + | | 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%, | + | | style="background: hsl(39 100%, 40%);" | |
− | | style="background: hsl(39 100%, | + | | 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%, | + | | style="background: hsl(34 93%, 40%);" | |
− | | style="background: hsl(34 93%, | + | | 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%, | + | | style="background: hsl(101 28%, 40%);" | |
− | | style="background: hsl(101 28%, | + | | 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%, | + | | style="background: hsl(144 39%, 40%);" | |
− | | style="background: hsl(144 39%, | + | | 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%, | + | | style="background: hsl(50 70%, 40%);" | |
− | | style="background: hsl(50 70%, | + | | 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%, | + | | style="background: hsl(195 52%, 40%);" | |
− | | style="background: hsl(195 52%, | + | | 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%, | + | | style="background: hsl(96 70%, 40%);" | |
− | | style="background: hsl(96 70%, | + | | 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%, | + | | style="background: hsl(333 83%, 40%);" | |
− | | style="background: hsl(333 83%, | + | | 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%, | + | | style="background: hsl(191 84%, 40%);" | |
− | | style="background: hsl(191 84%, | + | | 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%, | + | | style="background: hsl(29 87%, 40%);" | |
− | | style="background: hsl(29 87%, | + | | 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%, | + | | style="background: hsl(241 59%, 40%);" | |
− | | style="background: hsl(241 59%, | + | | 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% |