Difference between revisions of "User:Dorsal Axe/Sandbox/Lemon"
From Nookipedia, the Animal Crossing wiki
< User:Dorsal Axe | Sandbox
HylianAngel (talk | contribs) m (Text replacement - "{{WA|" to "{{NLWa|") |
Dorsal Axe (talk | contribs) |
||
Line 1: | Line 1: | ||
− | + | ===Styling=== | |
− | < | + | 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;" | |
− | + | |- | |
− | + | ! rowspan=2 | Class | |
− | + | ! rowspan=2 | Base Color HS | |
− | + | ! rowspan=2 style="width: 43px;" | 50% | |
− | + | ! colspan=3 style="width: 150px;" | Light mode table color | |
− | + | ! colspan=3 style="width: 150px;" | Dark mode table color | |
− | + | |- | |
− | + | ! 70% | |
− | + | ! 85% | |
− | + | ! 90% | |
− | + | ! 30% | |
− | + | ! 25% | |
− | + | ! 20% | |
− | + | |- | |
− | + | ! colspan=9 | Gender | |
− | + | |- | |
− | + | | <code>color-female</code> | |
− | + | | 306, 70% | |
− | + | | style="background: hsl(306, 70%, 50%);" | | |
− | + | | style="background: hsl(306, 70%, 70%);" | | |
− | + | | style="background: hsl(306, 70%, 85%);" | | |
− | + | | style="background: hsl(306, 70%, 90%);" | | |
− | + | | style="background: hsl(306, 70%, 30%);" | | |
− | + | | style="background: hsl(306, 70%, 25%);" | | |
− | + | | style="background: hsl(306, 70%, 20%);" | | |
− | + | |- | |
− | + | | <code>color-male</code> | |
− | + | | 214, 92% | |
− | + | | style="background: hsl(214, 92%, 50%);" | | |
− | + | | style="background: hsl(214, 92%, 70%);" | | |
− | + | | style="background: hsl(214, 92%, 85%);" | | |
− | + | | style="background: hsl(214, 92%, 90%);" | | |
− | + | | style="background: hsl(214, 92%, 30%);" | | |
− | + | | style="background: hsl(214, 92%, 25%);" | | |
− | </ | + | | style="background: hsl(214, 92%, 20%);" | |
− | + | |- | |
− | + | ! colspan=9 | Color | |
− | + | |- | |
− | + | | <code>color-red</code> | |
− | + | | 12, 87% | |
− | + | | style="background: hsl(12, 87%, 50%);" | | |
− | + | | style="background: hsl(12, 87%, 70%);" | | |
− | + | | style="background: hsl(12, 87%, 85%);" | | |
− | + | | style="background: hsl(12, 87%, 90%);" | | |
− | + | | style="background: hsl(12, 87%, 30%);" | | |
− | + | | style="background: hsl(12, 87%, 25%);" | | |
− | + | | style="background: hsl(12, 87%, 20%);" | | |
− | + | |- | |
− | + | | <code>color-orange</code> | |
− | + | | 32, 92% | |
− | + | | style="background: hsl(32, 92%, 50%);" | | |
− | + | | style="background: hsl(32, 92%, 70%);" | | |
− | + | | style="background: hsl(32, 92%, 85%);" | | |
− | + | | style="background: hsl(32, 92%, 90%);" | | |
− | + | | style="background: hsl(32, 92%, 30%);" | | |
− | + | | style="background: hsl(32, 92%, 25%);" | | |
− | + | | style="background: hsl(32, 92%, 20%);" | | |
− | + | |- | |
− | + | | <code>color-yellow</code> | |
− | + | | 42, 96% | |
− | + | | style="background: hsl(42, 96%, 50%);" | | |
− | + | | style="background: hsl(42, 96%, 70%);" | | |
− | + | | style="background: hsl(42, 96%, 85%);" | | |
− | + | | style="background: hsl(42, 96%, 90%);" | | |
− | + | | style="background: hsl(42, 96%, 30%);" | | |
− | + | | style="background: hsl(42, 96%, 25%);" | | |
− | + | | style="background: hsl(42, 96%, 20%);" | | |
− | + | |- | |
− | + | | <code>color-green</code> | |
− | + | |135, 47% | |
− | + | | style="background: hsl(135, 47%, 50%);" | | |
+ | | style="background: hsl(135, 47%, 70%);" | | ||
+ | | style="background: hsl(135, 47%, 85%);" | | ||
+ | | style="background: hsl(135, 47%, 90%);" | | ||
+ | | style="background: hsl(135, 47%, 30%);" | | ||
+ | | style="background: hsl(135, 47%, 25%);" | | ||
+ | | style="background: hsl(135, 47%, 20%);" | | ||
+ | |- | ||
+ | | <code>color-aqua</code> | ||
+ | |196 50% | ||
+ | | style="background: hsl(196 50%, 50%);" | | ||
+ | | style="background: hsl(196 50%, 70%);" | | ||
+ | | style="background: hsl(196 50%, 85%);" | | ||
+ | | style="background: hsl(196 50%, 90%);" | | ||
+ | | style="background: hsl(196 50%, 30%);" | | ||
+ | | style="background: hsl(196 50%, 25%);" | | ||
+ | | style="background: hsl(196 50%, 20%);" | | ||
+ | |- | ||
+ | | <code>color-blue</code> | ||
+ | |197 39% | ||
+ | | style="background: hsl(197 39%, 50%);" | | ||
+ | | style="background: hsl(197 39%, 70%);" | | ||
+ | | style="background: hsl(197 39%, 85%);" | | ||
+ | | style="background: hsl(197 39%, 90%);" | | ||
+ | | style="background: hsl(197 39%, 30%);" | | ||
+ | | style="background: hsl(197 39%, 25%);" | | ||
+ | | style="background: hsl(197 39%, 20%);" | | ||
+ | |- | ||
+ | | <code>color-purple</code> | ||
+ | |331 33% | ||
+ | | style="background: hsl(331 33%, 50%);" | | ||
+ | | style="background: hsl(331 33%, 70%);" | | ||
+ | | style="background: hsl(331 33%, 85%);" | | ||
+ | | style="background: hsl(331 33%, 90%);" | | ||
+ | | style="background: hsl(331 33%, 30%);" | | ||
+ | | style="background: hsl(331 33%, 25%);" | | ||
+ | | style="background: hsl(331 33%, 20%);" | | ||
+ | |- | ||
+ | | <code>color-pink</code> | ||
+ | |11 85% | ||
+ | | style="background: hsl(11 85%, 50%);" | | ||
+ | | style="background: hsl(11 85%, 70%);" | | ||
+ | | style="background: hsl(11 85%, 85%);" | | ||
+ | | style="background: hsl(11 85%, 90%);" | | ||
+ | | style="background: hsl(11 85%, 30%);" | | ||
+ | | style="background: hsl(11 85%, 25%);" | | ||
+ | | style="background: hsl(11 85%, 20%);" | | ||
+ | |- | ||
+ | | <code>color-beige</code> | ||
+ | |50 54% | ||
+ | | style="background: hsl(50 54%, 50%);" | | ||
+ | | style="background: hsl(50 54%, 70%);" | | ||
+ | | style="background: hsl(50 54%, 85%);" | | ||
+ | | style="background: hsl(50 54%, 90%);" | | ||
+ | | style="background: hsl(50 54%, 30%);" | | ||
+ | | style="background: hsl(50 54%, 25%);" | | ||
+ | | style="background: hsl(50 54%, 20%);" | | ||
+ | |- | ||
+ | | <code>color-brown</code> | ||
+ | |11 85% | ||
+ | | style="background: hsl(31 47%, 50%);" | | ||
+ | | style="background: hsl(31 47%, 70%);" | | ||
+ | | style="background: hsl(31 47%, 85%);" | | ||
+ | | style="background: hsl(31 47%, 90%);" | | ||
+ | | style="background: hsl(31 47%, 30%);" | | ||
+ | | style="background: hsl(31 47%, 25%);" | | ||
+ | | style="background: hsl(31 47%, 20%);" | | ||
+ | |- | ||
+ | | <code>color-gray</code> | ||
+ | |0 0% | ||
+ | | style="background: hsl(0 0%, 50%);" | | ||
+ | | style="background: hsl(0 0%, 70%);" | | ||
+ | | style="background: hsl(0 0%, 85%);" | | ||
+ | | style="background: hsl(0 0%, 90%);" | | ||
+ | | style="background: hsl(0 0%, 30%);" | | ||
+ | | style="background: hsl(0 0%, 25%);" | | ||
+ | | style="background: hsl(0 0%, 20%);" | | ||
+ | |- | ||
+ | | <code>color-black</code> | ||
+ | |0 0% | ||
+ | | style="background: hsl(0 0%, 50%);" | | ||
+ | | style="background: hsl(0 0%, 70%);" | | ||
+ | | style="background: hsl(0 0%, 85%);" | | ||
+ | | style="background: hsl(0 0%, 90%);" | | ||
+ | | style="background: hsl(0 0%, 30%);" | | ||
+ | | style="background: hsl(0 0%, 25%);" | | ||
+ | | style="background: hsl(0 0%, 20%);" | | ||
+ | |- | ||
+ | | <code>color-white</code> | ||
+ | |0 0% | ||
+ | | style="background: hsl(0 0%, 50%);" | | ||
+ | | style="background: hsl(0 0%, 70%);" | | ||
+ | | style="background: hsl(0 0%, 85%);" | | ||
+ | | style="background: hsl(0 0%, 90%);" | | ||
+ | | style="background: hsl(0 0%, 30%);" | | ||
+ | | style="background: hsl(0 0%, 25%);" | | ||
+ | | style="background: hsl(0 0%, 20%);" | | ||
+ | |- | ||
+ | ! colspan=9 | Theme | ||
+ | |- | ||
+ | | <code>color-civic</code> | ||
+ | |234 50% | ||
+ | | style="background: hsl(234 50%, 50%);" | | ||
+ | | style="background: hsl(234 50%, 70%);" | | ||
+ | | style="background: hsl(234 50%, 85%);" | | ||
+ | | style="background: hsl(234 50%, 90%);" | | ||
+ | | style="background: hsl(234 50%, 30%);" | | ||
+ | | style="background: hsl(234 50%, 25%);" | | ||
+ | | style="background: hsl(234 50%, 20%);" | | ||
+ | |- | ||
+ | | <code>color-cool</code> | ||
+ | |208 96% | ||
+ | | style="background: hsl(208 96%, 50%);" | | ||
+ | | style="background: hsl(208 96%, 70%);" | | ||
+ | | style="background: hsl(208 96%, 85%);" | | ||
+ | | style="background: hsl(208 96%, 90%);" | | ||
+ | | style="background: hsl(208 96%, 30%);" | | ||
+ | | style="background: hsl(208 96%, 25%);" | | ||
+ | | style="background: hsl(208 96%, 20%);" | | ||
+ | |- | ||
+ | | <code>color-cute</code> | ||
+ | |345 70% | ||
+ | | style="background: hsl(345 70%, 50%);" | | ||
+ | | style="background: hsl(345 70%, 70%);" | | ||
+ | | style="background: hsl(345 70%, 85%);" | | ||
+ | | style="background: hsl(345 70%, 90%);" | | ||
+ | | style="background: hsl(345 70%, 30%);" | | ||
+ | | style="background: hsl(345 70%, 25%);" | | ||
+ | | style="background: hsl(345 70%, 20%);" | | ||
+ | |- | ||
+ | | <code>color-elegant</code> | ||
+ | |282 63% | ||
+ | | style="background: hsl(282 63%, 50%);" | | ||
+ | | style="background: hsl(282 63%, 70%);" | | ||
+ | | style="background: hsl(282 63%, 85%);" | | ||
+ | | style="background: hsl(282 63%, 90%);" | | ||
+ | | style="background: hsl(282 63%, 30%);" | | ||
+ | | style="background: hsl(282 63%, 25%);" | | ||
+ | | style="background: hsl(282 63%, 20%);" | | ||
+ | |- | ||
+ | | <code>color-harmonious</code> | ||
+ | |12 74% | ||
+ | | style="background: hsl(12 74%, 50%);" | | ||
+ | | style="background: hsl(12 74%, 70%);" | | ||
+ | | style="background: hsl(12 74%, 85%);" | | ||
+ | | style="background: hsl(12 74%, 90%);" | | ||
+ | | style="background: hsl(12 74%, 30%);" | | ||
+ | | style="background: hsl(12 74%, 25%);" | | ||
+ | | style="background: hsl(12 74%, 20%);" | | ||
+ | |- | ||
+ | | <code>color-hip</code> | ||
+ | |30 90% | ||
+ | | style="background: hsl(30 90%, 50%);" | | ||
+ | | style="background: hsl(30 90%, 70%);" | | ||
+ | | style="background: hsl(30 90%, 85%);" | | ||
+ | | style="background: hsl(30 90%, 90%);" | | ||
+ | | style="background: hsl(30 90%, 30%);" | | ||
+ | | style="background: hsl(30 90%, 25%);" | | ||
+ | | style="background: hsl(30 90%, 20%);" | | ||
+ | |- | ||
+ | | <code>color-historical</code> | ||
+ | |341 45% | ||
+ | | style="background: hsl(341 45%, 50%);" | | ||
+ | | style="background: hsl(341 45%, 70%);" | | ||
+ | | style="background: hsl(341 45%, 85%);" | | ||
+ | | style="background: hsl(341 45%, 90%);" | | ||
+ | | style="background: hsl(341 45%, 30%);" | | ||
+ | | style="background: hsl(341 45%, 25%);" | | ||
+ | | style="background: hsl(341 45%, 20%);" | | ||
+ | |- | ||
+ | | <code>color-modern</code> | ||
+ | |12 74% | ||
+ | | style="background: hsl(177 58%, 50%);" | | ||
+ | | style="background: hsl(177 58%, 70%);" | | ||
+ | | style="background: hsl(177 58%, 85%);" | | ||
+ | | style="background: hsl(177 58%, 90%);" | | ||
+ | | style="background: hsl(177 58%, 30%);" | | ||
+ | | style="background: hsl(177 58%, 25%);" | | ||
+ | | style="background: hsl(177 58%, 20%);" | | ||
+ | |- | ||
+ | | <code>color-natural</code> | ||
+ | |44 96% | ||
+ | | style="background: hsl(44 96%, 50%);" | | ||
+ | | style="background: hsl(44 96%, 70%);" | | ||
+ | | style="background: hsl(44 96%, 85%);" | | ||
+ | | style="background: hsl(44 96%, 90%);" | | ||
+ | | style="background: hsl(44 96%, 30%);" | | ||
+ | | style="background: hsl(44 96%, 25%);" | | ||
+ | | style="background: hsl(44 96%, 20%);" | | ||
+ | |- | ||
+ | | <code>color-rustic</code> | ||
+ | |71 98% | ||
+ | | style="background: hsl(71 98%, 50%);" | | ||
+ | | style="background: hsl(71 98%, 70%);" | | ||
+ | | style="background: hsl(71 98%, 85%);" | | ||
+ | | style="background: hsl(71 98%, 90%);" | | ||
+ | | style="background: hsl(71 98%, 30%);" | | ||
+ | | style="background: hsl(71 98%, 25%);" | | ||
+ | | style="background: hsl(71 98%, 20%);" | | ||
+ | |- | ||
+ | | <code>color-sporty</code> | ||
+ | |161 93% | ||
+ | | style="background: hsl(161 93%, 50%);" | | ||
+ | | style="background: hsl(161 93%, 70%);" | | ||
+ | | style="background: hsl(161 93%, 85%);" | | ||
+ | | style="background: hsl(161 93%, 90%);" | | ||
+ | | style="background: hsl(161 93%, 30%);" | | ||
+ | | style="background: hsl(161 93%, 25%);" | | ||
+ | | style="background: hsl(161 93%, 20%);" | | ||
+ | |- | ||
+ | | <code>color-generic</code> | ||
+ | |0 0% | ||
+ | | style="background: hsl(0 0%, 50%);" | | ||
+ | | style="background: hsl(0 0%, 70%);" | | ||
+ | | style="background: hsl(0 0%, 85%);" | | ||
+ | | style="background: hsl(0 0%, 90%);" | | ||
+ | | style="background: hsl(0 0%, 30%);" | | ||
+ | | style="background: hsl(0 0%, 25%);" | | ||
+ | | style="background: hsl(0 0%, 20%);" | | ||
+ | |- | ||
+ | | <code>color-special</code> | ||
+ | |53 100% | ||
+ | | style="background: hsl(53 100%, 50%);" | | ||
+ | | style="background: hsl(53 100%, 70%);" | | ||
+ | | style="background: hsl(53 100%, 85%);" | | ||
+ | | style="background: hsl(53 100%, 90%);" | | ||
+ | | style="background: hsl(53 100%, 30%);" | | ||
+ | | style="background: hsl(53 100%, 25%);" | | ||
+ | | style="background: hsl(53 100%, 20%);" | | ||
+ | |- | ||
+ | ! colspan=9 | Category | ||
+ | |- | ||
+ | | <code>color-art</code> | ||
+ | |23 61% | ||
+ | | style="background: hsl(23 61%, 50%);" | | ||
+ | | style="background: hsl(23 61%, 70%);" | | ||
+ | | style="background: hsl(23 61%, 85%);" | | ||
+ | | style="background: hsl(23 61%, 90%);" | | ||
+ | | style="background: hsl(23 61%, 30%);" | | ||
+ | | style="background: hsl(23 61%, 25%);" | | ||
+ | | style="background: hsl(23 61%, 20%);" | | ||
+ | |- | ||
+ | | <code>color-bug</code> | ||
+ | |78 76% | ||
+ | | style="background: hsl(78 76%, 50%);" | | ||
+ | | style="background: hsl(78 76%, 70%);" | | ||
+ | | style="background: hsl(78 76%, 85%);" | | ||
+ | | style="background: hsl(78 76%, 90%);" | | ||
+ | | style="background: hsl(78 76%, 30%);" | | ||
+ | | style="background: hsl(78 76%, 25%);" | | ||
+ | | style="background: hsl(78 76%, 20%);" | | ||
+ | |- | ||
+ | | <code>color-design</code> | ||
+ | |353 72% | ||
+ | | style="background: hsl(353 72%, 50%);" | | ||
+ | | style="background: hsl(353 72%, 70%);" | | ||
+ | | style="background: hsl(353 72%, 85%);" | | ||
+ | | style="background: hsl(353 72%, 90%);" | | ||
+ | | style="background: hsl(353 72%, 30%);" | | ||
+ | | style="background: hsl(353 72%, 25%);" | | ||
+ | | style="background: hsl(353 72%, 20%);" | | ||
+ | |- | ||
+ | | <code>color-event</code> | ||
+ | |215 100% | ||
+ | | style="background: hsl(215 100%, 50%);" | | ||
+ | | style="background: hsl(215 100%, 70%);" | | ||
+ | | style="background: hsl(215 100%, 85%);" | | ||
+ | | style="background: hsl(215 100%, 90%);" | | ||
+ | | style="background: hsl(215 100%, 30%);" | | ||
+ | | style="background: hsl(215 100%, 25%);" | | ||
+ | | style="background: hsl(215 100%, 20%);" | | ||
+ | |- | ||
+ | | <code>color-fashion</code> | ||
+ | |322 49% | ||
+ | | style="background: hsl(322 49%, 50%);" | | ||
+ | | style="background: hsl(322 49%, 70%);" | | ||
+ | | style="background: hsl(322 49%, 85%);" | | ||
+ | | style="background: hsl(322 49%, 90%);" | | ||
+ | | style="background: hsl(322 49%, 30%);" | | ||
+ | | style="background: hsl(322 49%, 25%);" | | ||
+ | | style="background: hsl(322 49%, 20%);" | | ||
+ | |- | ||
+ | | <code>color-film</code> | ||
+ | |318 69% | ||
+ | | style="background: hsl(318 69%, 50%);" | | ||
+ | | style="background: hsl(318 69%, 70%);" | | ||
+ | | style="background: hsl(318 69%, 85%);" | | ||
+ | | style="background: hsl(318 69%, 90%);" | | ||
+ | | style="background: hsl(318 69%, 30%);" | | ||
+ | | style="background: hsl(318 69%, 25%);" | | ||
+ | | style="background: hsl(318 69%, 20%);" | | ||
+ | |- | ||
+ | | <code>color-fish</code> | ||
+ | |200 100% | ||
+ | | style="background: hsl(200 100%, 50%);" | | ||
+ | | style="background: hsl(200 100%, 70%);" | | ||
+ | | style="background: hsl(200 100%, 85%);" | | ||
+ | | style="background: hsl(200 100%, 90%);" | | ||
+ | | style="background: hsl(200 100%, 30%);" | | ||
+ | | style="background: hsl(200 100%, 25%);" | | ||
+ | | style="background: hsl(200 100%, 20%);" | | ||
+ | |- | ||
+ | | <code>color-flora</code> | ||
+ | |350 100% | ||
+ | | style="background: hsl(350 100%, 50%);" | | ||
+ | | style="background: hsl(350 100%, 70%);" | | ||
+ | | style="background: hsl(350 100%, 85%);" | | ||
+ | | style="background: hsl(350 100%, 90%);" | | ||
+ | | style="background: hsl(350 100%, 30%);" | | ||
+ | | style="background: hsl(350 100%, 25%);" | | ||
+ | | style="background: hsl(350 100%, 20%);" | | ||
+ | |- | ||
+ | | <code>color-fossil</code> | ||
+ | |43 74% | ||
+ | | style="background: hsl(43 74%, 50%);" | | ||
+ | | style="background: hsl(43 74%, 70%);" | | ||
+ | | style="background: hsl(43 74%, 85%);" | | ||
+ | | style="background: hsl(43 74%, 90%);" | | ||
+ | | style="background: hsl(43 74%, 30%);" | | ||
+ | | style="background: hsl(43 74%, 25%);" | | ||
+ | | style="background: hsl(43 74%, 20%);" | | ||
+ | |- | ||
+ | | <code>color-furniture</code> | ||
+ | |106 50% | ||
+ | | style="background: hsl(106 50%, 50%);" | | ||
+ | | style="background: hsl(106 50%, 70%);" | | ||
+ | | style="background: hsl(106 50%, 85%);" | | ||
+ | | style="background: hsl(106 50%, 90%);" | | ||
+ | | style="background: hsl(106 50%, 30%);" | | ||
+ | | style="background: hsl(106 50%, 25%);" | | ||
+ | | style="background: hsl(106 50%, 20%);" | | ||
+ | |- | ||
+ | | <code>color-gameplay</code> | ||
+ | |163 58% | ||
+ | | style="background: hsl(163 58%, 50%);" | | ||
+ | | style="background: hsl(163 58%, 70%);" | | ||
+ | | style="background: hsl(163 58%, 85%);" | | ||
+ | | style="background: hsl(163 58%, 90%);" | | ||
+ | | style="background: hsl(163 58%, 30%);" | | ||
+ | | style="background: hsl(163 58%, 25%);" | | ||
+ | | style="background: hsl(163 58%, 20%);" | | ||
+ | |- | ||
+ | | <code>color-geography</code> | ||
+ | |120 50% | ||
+ | | style="background: hsl(120 50%, 50%);" | | ||
+ | | style="background: hsl(120 50%, 70%);" | | ||
+ | | style="background: hsl(120 50%, 85%);" | | ||
+ | | style="background: hsl(120 50%, 90%);" | | ||
+ | | style="background: hsl(120 50%, 30%);" | | ||
+ | | style="background: hsl(120 50%, 25%);" | | ||
+ | | style="background: hsl(120 50%, 20%);" | | ||
+ | |- | ||
+ | | <code>color-image</code> | ||
+ | |269 74% | ||
+ | | style="background: hsl(269 74%, 50%);" | | ||
+ | | style="background: hsl(269 74%, 70%);" | | ||
+ | | style="background: hsl(269 74%, 85%);" | | ||
+ | | style="background: hsl(269 74%, 90%);" | | ||
+ | | style="background: hsl(269 74%, 30%);" | | ||
+ | | style="background: hsl(269 74%, 25%);" | | ||
+ | | style="background: hsl(269 74%, 20%);" | | ||
+ | |- | ||
+ | | <code>color-islander</code> | ||
+ | |45 75% | ||
+ | | style="background: hsl(45 75%, 50%);" | | ||
+ | | style="background: hsl(45 75%, 70%);" | | ||
+ | | style="background: hsl(45 75%, 85%);" | | ||
+ | | style="background: hsl(45 75%, 90%);" | | ||
+ | | style="background: hsl(45 75%, 30%);" | | ||
+ | | style="background: hsl(45 75%, 25%);" | | ||
+ | | style="background: hsl(45 75%, 20%);" | | ||
+ | |- | ||
+ | | <code>color-item</code> | ||
+ | |50 95% | ||
+ | | style="background: hsl(50 95%, 50%);" | | ||
+ | | style="background: hsl(50 95%, 70%);" | | ||
+ | | style="background: hsl(50 95%, 85%);" | | ||
+ | | style="background: hsl(50 95%, 90%);" | | ||
+ | | style="background: hsl(50 95%, 30%);" | | ||
+ | | style="background: hsl(50 95%, 25%);" | | ||
+ | | style="background: hsl(50 95%, 20%);" | | ||
+ | |- | ||
+ | | <code>color-location</code> | ||
+ | |146 42% | ||
+ | | style="background: hsl(146 42%, 50%);" | | ||
+ | | style="background: hsl(146 42%, 70%);" | | ||
+ | | style="background: hsl(146 42%, 85%);" | | ||
+ | | style="background: hsl(146 42%, 90%);" | | ||
+ | | style="background: hsl(146 42%, 30%);" | | ||
+ | | style="background: hsl(146 42%, 25%);" | | ||
+ | | style="background: hsl(146 42%, 20%);" | | ||
+ | |- | ||
+ | | <code>color-manga</code> | ||
+ | |318 34% | ||
+ | | style="background: hsl(318 34%, 50%);" | | ||
+ | | style="background: hsl(318 34%, 70%);" | | ||
+ | | style="background: hsl(318 34%, 85%);" | | ||
+ | | style="background: hsl(318 34%, 90%);" | | ||
+ | | style="background: hsl(318 34%, 30%);" | | ||
+ | | style="background: hsl(318 34%, 25%);" | | ||
+ | | style="background: hsl(318 34%, 20%);" | | ||
+ | |- | ||
+ | | <code>color-merchandise</code> | ||
+ | |193 53% | ||
+ | | style="background: hsl(193 53%, 50%);" | | ||
+ | | style="background: hsl(193 53%, 70%);" | | ||
+ | | style="background: hsl(193 53%, 85%);" | | ||
+ | | style="background: hsl(193 53%, 90%);" | | ||
+ | | style="background: hsl(193 53%, 30%);" | | ||
+ | | style="background: hsl(193 53%, 25%);" | | ||
+ | | style="background: hsl(193 53%, 20%);" | | ||
+ | |- | ||
+ | | <code>color-minigame</code> | ||
+ | |782 75% | ||
+ | | style="background: hsl(782 75%, 50%);" | | ||
+ | | style="background: hsl(782 75%, 70%);" | | ||
+ | | style="background: hsl(782 75%, 85%);" | | ||
+ | | style="background: hsl(782 75%, 90%);" | | ||
+ | | style="background: hsl(782 75%, 30%);" | | ||
+ | | style="background: hsl(782 75%, 25%);" | | ||
+ | | style="background: hsl(782 75%, 20%);" | | ||
+ | |- | ||
+ | | <code>color-museum</code> | ||
+ | |60 31% | ||
+ | | style="background: hsl(60 31%, 50%);" | | ||
+ | | style="background: hsl(60 31%, 70%);" | | ||
+ | | style="background: hsl(60 31%, 85%);" | | ||
+ | | style="background: hsl(60 31%, 90%);" | | ||
+ | | style="background: hsl(60 31%, 30%);" | | ||
+ | | style="background: hsl(60 31%, 25%);" | | ||
+ | | style="background: hsl(60 31%, 20%);" | | ||
+ | |- | ||
+ | | <code>color-music</code> | ||
+ | |0 59% | ||
+ | | style="background: hsl(0 59%, 50%);" | | ||
+ | | style="background: hsl(0 59%, 70%);" | | ||
+ | | style="background: hsl(0 59%, 85%);" | | ||
+ | | style="background: hsl(0 59%, 90%);" | | ||
+ | | style="background: hsl(0 59%, 30%);" | | ||
+ | | style="background: hsl(0 59%, 25%);" | | ||
+ | | style="background: hsl(0 59%, 20%);" | | ||
+ | |- | ||
+ | | <code>color-nookipedia</code> | ||
+ | |99 45% | ||
+ | | style="background: hsl(99 45%, 50%);" | | ||
+ | | style="background: hsl(99 45%, 70%);" | | ||
+ | | style="background: hsl(99 45%, 85%);" | | ||
+ | | style="background: hsl(99 45%, 90%);" | | ||
+ | | style="background: hsl(99 45%, 30%);" | | ||
+ | | style="background: hsl(99 45%, 25%);" | | ||
+ | | style="background: hsl(99 45%, 20%);" | | ||
+ | |- | ||
+ | | <code>color-publication</code> | ||
+ | |248 53% | ||
+ | | style="background: hsl(248 53%, 50%);" | | ||
+ | | style="background: hsl(248 53%, 70%);" | | ||
+ | | style="background: hsl(248 53%, 85%);" | | ||
+ | | style="background: hsl(248 53%, 90%);" | | ||
+ | | style="background: hsl(248 53%, 30%);" | | ||
+ | | style="background: hsl(248 53%, 25%);" | | ||
+ | | style="background: hsl(248 53%, 20%);" | | ||
+ | |- | ||
+ | | <code>color-reaction</code> | ||
+ | |277 57% | ||
+ | | style="background: hsl(277 57%, 50%);" | | ||
+ | | style="background: hsl(277 57%, 70%);" | | ||
+ | | style="background: hsl(277 57%, 85%);" | | ||
+ | | style="background: hsl(277 57%, 90%);" | | ||
+ | | style="background: hsl(277 57%, 30%);" | | ||
+ | | style="background: hsl(277 57%, 25%);" | | ||
+ | | style="background: hsl(277 57%, 20%);" | | ||
+ | |- | ||
+ | | <code>color-realworld</code> | ||
+ | |60 20% | ||
+ | | style="background: hsl(60 20%, 50%);" | | ||
+ | | style="background: hsl(60 20%, 70%);" | | ||
+ | | style="background: hsl(60 20%, 85%);" | | ||
+ | | style="background: hsl(60 20%, 90%);" | | ||
+ | | style="background: hsl(60 20%, 30%);" | | ||
+ | | style="background: hsl(60 20%, 25%);" | | ||
+ | | style="background: hsl(60 20%, 20%);" | | ||
+ | |- | ||
+ | | <code>color-seacreature</code> | ||
+ | |215 100% | ||
+ | | style="background: hsl(215 100%, 50%);" | | ||
+ | | style="background: hsl(215 100%, 70%);" | | ||
+ | | style="background: hsl(215 100%, 85%);" | | ||
+ | | style="background: hsl(215 100%, 90%);" | | ||
+ | | style="background: hsl(215 100%, 30%);" | | ||
+ | | style="background: hsl(215 100%, 25%);" | | ||
+ | | style="background: hsl(215 100%, 20%);" | | ||
+ | |- | ||
+ | | <code>color-special</code> | ||
+ | |81 87% | ||
+ | | style="background: hsl(81 87%, 50%);" | | ||
+ | | style="background: hsl(81 87%, 70%);" | | ||
+ | | style="background: hsl(81 87%, 85%);" | | ||
+ | | style="background: hsl(81 87%, 90%);" | | ||
+ | | style="background: hsl(81 87%, 30%);" | | ||
+ | | style="background: hsl(81 87%, 25%);" | | ||
+ | | style="background: hsl(81 87%, 20%);" | | ||
+ | |- | ||
+ | | <code>color-species</code> | ||
+ | |276 56% | ||
+ | | style="background: hsl(276 56%, 50%);" | | ||
+ | | style="background: hsl(276 56%, 70%);" | | ||
+ | | style="background: hsl(276 56%, 85%);" | | ||
+ | | style="background: hsl(276 56%, 90%);" | | ||
+ | | style="background: hsl(276 56%, 30%);" | | ||
+ | | style="background: hsl(276 56%, 25%);" | | ||
+ | | style="background: hsl(276 56%, 20%);" | | ||
+ | |- | ||
+ | | <code>color-ssb</code> | ||
+ | |34 57% | ||
+ | | style="background: hsl(34 57%, 50%);" | | ||
+ | | style="background: hsl(34 57%, 70%);" | | ||
+ | | style="background: hsl(34 57%, 85%);" | | ||
+ | | style="background: hsl(34 57%, 90%);" | | ||
+ | | style="background: hsl(34 57%, 30%);" | | ||
+ | | style="background: hsl(34 57%, 25%);" | | ||
+ | | style="background: hsl(34 57%, 20%);" | | ||
+ | |- | ||
+ | | <code>color-system</code> | ||
+ | |0 0% | ||
+ | | style="background: hsl(0 0%, 50%);" | | ||
+ | | style="background: hsl(0 0%, 70%);" | | ||
+ | | style="background: hsl(0 0%, 85%);" | | ||
+ | | style="background: hsl(0 0%, 90%);" | | ||
+ | | style="background: hsl(0 0%, 30%);" | | ||
+ | | style="background: hsl(0 0%, 25%);" | | ||
+ | | style="background: hsl(0 0%, 20%);" | | ||
+ | |- | ||
+ | | <code>color-series</code> | ||
+ | |39 100% | ||
+ | | style="background: hsl(39 100%, 50%);" | | ||
+ | | style="background: hsl(39 100%, 70%);" | | ||
+ | | style="background: hsl(39 100%, 85%);" | | ||
+ | | style="background: hsl(39 100%, 90%);" | | ||
+ | | style="background: hsl(39 100%, 30%);" | | ||
+ | | style="background: hsl(39 100%, 25%);" | | ||
+ | | style="background: hsl(39 100%, 20%);" | | ||
+ | |- | ||
+ | | <code>color-tools</code> | ||
+ | |34 93% | ||
+ | | style="background: hsl(34 93%, 50%);" | | ||
+ | | style="background: hsl(34 93%, 70%);" | | ||
+ | | style="background: hsl(34 93%, 85%);" | | ||
+ | | style="background: hsl(34 93%, 90%);" | | ||
+ | | style="background: hsl(34 93%, 30%);" | | ||
+ | | style="background: hsl(34 93%, 25%);" | | ||
+ | | style="background: hsl(34 93%, 20%);" | | ||
+ | |- | ||
+ | | <code>color-town</code> | ||
+ | |101 28% | ||
+ | | style="background: hsl(101 28%, 50%);" | | ||
+ | | style="background: hsl(101 28%, 70%);" | | ||
+ | | style="background: hsl(101 28%, 85%);" | | ||
+ | | style="background: hsl(101 28%, 90%);" | | ||
+ | | style="background: hsl(101 28%, 30%);" | | ||
+ | | style="background: hsl(101 28%, 25%);" | | ||
+ | | style="background: hsl(101 28%, 20%);" | | ||
+ | |- | ||
+ | | <code>color-update</code> | ||
+ | |144 39% | ||
+ | | style="background: hsl(144 39%, 50%);" | | ||
+ | | style="background: hsl(144 39%, 70%);" | | ||
+ | | style="background: hsl(144 39%, 85%);" | | ||
+ | | style="background: hsl(144 39%, 90%);" | | ||
+ | | style="background: hsl(144 39%, 30%);" | | ||
+ | | style="background: hsl(144 39%, 25%);" | | ||
+ | | style="background: hsl(144 39%, 20%);" | | ||
+ | |- | ||
+ | | <code>color-user</code> | ||
+ | |50 70% | ||
+ | | style="background: hsl(50 70%, 50%);" | | ||
+ | | style="background: hsl(50 70%, 70%);" | | ||
+ | | style="background: hsl(50 70%, 85%);" | | ||
+ | | style="background: hsl(50 70%, 90%);" | | ||
+ | | style="background: hsl(50 70%, 30%);" | | ||
+ | | style="background: hsl(50 70%, 25%);" | | ||
+ | | style="background: hsl(50 70%, 20%);" | | ||
+ | |- | ||
+ | | <code>color-villager</code> | ||
+ | |195 52% | ||
+ | | style="background: hsl(195 52%, 50%);" | | ||
+ | | style="background: hsl(195 52%, 70%);" | | ||
+ | | style="background: hsl(195 52%, 85%);" | | ||
+ | | style="background: hsl(195 52%, 90%);" | | ||
+ | | style="background: hsl(195 52%, 30%);" | | ||
+ | | style="background: hsl(195 52%, 25%);" | | ||
+ | | style="background: hsl(195 52%, 20%);" | | ||
+ | |- | ||
+ | | <code>color-season</code> | ||
+ | |96 70% | ||
+ | | style="background: hsl(96 70%, 50%);" | | ||
+ | | style="background: hsl(96 70%, 70%);" | | ||
+ | | style="background: hsl(96 70%, 85%);" | | ||
+ | | style="background: hsl(96 70%, 90%);" | | ||
+ | | style="background: hsl(96 70%, 30%);" | | ||
+ | | style="background: hsl(96 70%, 25%);" | | ||
+ | | style="background: hsl(96 70%, 20%);" | | ||
+ | |- | ||
+ | | <code>color-spring</code> | ||
+ | |333 83% | ||
+ | | style="background: hsl(333 83%, 50%);" | | ||
+ | | style="background: hsl(333 83%, 70%);" | | ||
+ | | style="background: hsl(333 83%, 85%);" | | ||
+ | | style="background: hsl(333 83%, 90%);" | | ||
+ | | style="background: hsl(333 83%, 30%);" | | ||
+ | | style="background: hsl(333 83%, 25%);" | | ||
+ | | style="background: hsl(333 83%, 20%);" | | ||
+ | |- | ||
+ | | <code>color-summer</code> | ||
+ | |191 84% | ||
+ | | style="background: hsl(191 84%, 50%);" | | ||
+ | | style="background: hsl(191 84%, 70%);" | | ||
+ | | style="background: hsl(191 84%, 85%);" | | ||
+ | | style="background: hsl(191 84%, 90%);" | | ||
+ | | style="background: hsl(191 84%, 30%);" | | ||
+ | | style="background: hsl(191 84%, 25%);" | | ||
+ | | style="background: hsl(191 84%, 20%);" | | ||
+ | |- | ||
+ | | <code>color-autumn</code> | ||
+ | |29 87% | ||
+ | | style="background: hsl(29 87%, 50%);" | | ||
+ | | style="background: hsl(29 87%, 70%);" | | ||
+ | | style="background: hsl(29 87%, 85%);" | | ||
+ | | style="background: hsl(29 87%, 90%);" | | ||
+ | | style="background: hsl(29 87%, 30%);" | | ||
+ | | style="background: hsl(29 87%, 25%);" | | ||
+ | | style="background: hsl(29 87%, 20%);" | | ||
+ | |- | ||
+ | | <code>color-winter</code> | ||
+ | |241 59% | ||
+ | | style="background: hsl(241 59%, 50%);" | | ||
+ | | style="background: hsl(241 59%, 70%);" | | ||
+ | | style="background: hsl(241 59%, 85%);" | | ||
+ | | style="background: hsl(241 59%, 90%);" | | ||
+ | | style="background: hsl(241 59%, 30%);" | | ||
+ | | style="background: hsl(241 59%, 25%);" | | ||
+ | | style="background: hsl(241 59%, 20%);" | | ||
+ | |} |
Revision as of 13:19, May 17, 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 | 50% | Light mode table color | Dark mode table color | ||||
---|---|---|---|---|---|---|---|---|
70% | 85% | 90% | 30% | 25% | 20% | |||
Gender | ||||||||
color-female
|
306, 70% | |||||||
color-male
|
214, 92% | |||||||
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% | |||||||
color-white
|
0 0% | |||||||
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% | |||||||
color-film
|
318 69% | |||||||
color-fish
|
200 100% | |||||||
color-flora
|
350 100% | |||||||
color-fossil
|
43 74% | |||||||
color-furniture
|
106 50% | |||||||
color-gameplay
|
163 58% | |||||||
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
|
276 56% | |||||||
color-ssb
|
34 57% | |||||||
color-system
|
0 0% | |||||||
color-series
|
39 100% | |||||||
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% |