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 346: | Line 346: | ||
|- | |- | ||
| <code>color-fashion</code> | | <code>color-fashion</code> | ||
− | |322 49% | + | |322 49% (pri)<br>320 45% (sub) |
| style="background: hsl(322 49%, 50%);" | | | style="background: hsl(322 49%, 50%);" | | ||
| style="background: hsl(322 49%, 70%);" | | | style="background: hsl(322 49%, 70%);" | | ||
− | | style="background: hsl( | + | | style="background: hsl(320 45%, 85%);" | |
− | | style="background: hsl( | + | | style="background: hsl(320 45%, 90%);" | |
| style="background: hsl(322 49%, 30%);" | | | style="background: hsl(322 49%, 30%);" | | ||
− | | style="background: hsl( | + | | style="background: hsl(320 45%, 25%);" | |
− | | style="background: hsl( | + | | style="background: hsl(320 45%, 20%);" | |
|- | |- | ||
| <code>color-film</code> | | <code>color-film</code> | ||
Line 376: | Line 376: | ||
|- | |- | ||
| <code>color-flora</code> | | <code>color-flora</code> | ||
− | |350 100% | + | |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%, 84%); color: black;" |84% |
− | | style="background: hsl(350 100%, | + | | style="background: hsl(350 100%, 93%); color: black;" |93% |
− | | style="background: hsl(350 100%, | + | | style="background: hsl(350 100%, 96%); color: black;" |96% |
− | | style="background: hsl( | + | | style="background: hsl(345 60%, 40%); color: black;" |40% |
− | | style="background: hsl( | + | | style="background: hsl(345 60%, 35%); color: black;" |35% |
− | | style="background: hsl( | + | | style="background: hsl(345 60%, 30%); color: black;" |30% |
|- | |- | ||
| <code>color-fossil</code> | | <code>color-fossil</code> | ||
Line 406: | Line 406: | ||
|- | |- | ||
| <code>color-gameplay</code> | | <code>color-gameplay</code> | ||
− | |163 58% | + | |163 58% (pri)<br>160 61% (sub) |
| style="background: hsl(163 58%, 50%);" | | | style="background: hsl(163 58%, 50%);" | | ||
| style="background: hsl(163 58%, 70%);" | | | style="background: hsl(163 58%, 70%);" | | ||
− | | style="background: hsl( | + | | style="background: hsl(160 61%, 85%);" | |
− | | style="background: hsl( | + | | style="background: hsl(160 61%, 90%);" | |
| style="background: hsl(163 58%, 30%);" | | | style="background: hsl(163 58%, 30%);" | | ||
− | | style="background: hsl( | + | | style="background: hsl(160 61%, 25%);" | |
− | | style="background: hsl( | + | | style="background: hsl(160 61%, 20%);" | |
|- | |- | ||
| <code>color-geography</code> | | <code>color-geography</code> | ||
Line 586: | Line 586: | ||
|- | |- | ||
| <code>color-ssb</code> | | <code>color-ssb</code> | ||
− | |34 57% | + | |34 57% (pri)<br>39 77%% (sub) |
| style="background: hsl(34 57%, 50%);" | | | style="background: hsl(34 57%, 50%);" | | ||
| style="background: hsl(34 57%, 70%);" | | | style="background: hsl(34 57%, 70%);" | | ||
− | | style="background: hsl( | + | | style="background: hsl(39 77%, 85%);" | |
− | | style="background: hsl( | + | | style="background: hsl(39 77%, 90%);" | |
| style="background: hsl(34 57%, 30%);" | | | style="background: hsl(34 57%, 30%);" | | ||
− | | style="background: hsl( | + | | style="background: hsl(39 77%, 25%);" | |
− | | style="background: hsl( | + | | style="background: hsl(39 77%, 20%);" | |
|- | |- | ||
| <code>color-system</code> | | <code>color-system</code> | ||
Line 606: | Line 606: | ||
|- | |- | ||
| <code>color-series</code> | | <code>color-series</code> | ||
− | |39 100% | + | |39 100% (pri)<br>42 73% (sub) |
| style="background: hsl(39 100%, 50%);" | | | style="background: hsl(39 100%, 50%);" | | ||
| style="background: hsl(39 100%, 70%);" | | | style="background: hsl(39 100%, 70%);" | | ||
− | | style="background: hsl( | + | | style="background: hsl(42 73%, 85%);" | |
− | | style="background: hsl( | + | | style="background: hsl(42 73%, 90%);" | |
| style="background: hsl(39 100%, 30%);" | | | style="background: hsl(39 100%, 30%);" | | ||
− | | style="background: hsl( | + | | style="background: hsl(42 73%, 25%);" | |
− | | style="background: hsl( | + | | style="background: hsl(42 73%, 20%);" | |
|- | |- | ||
| <code>color-tools</code> | | <code>color-tools</code> |
Revision as of 13:41, 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% (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
|
276 56% | |||||||
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% |