FANDOM


  • Can we add the color template?

      Loading editor
    • Color templates are difficult. I'm not sure how to add them, and depending on the color (yellow for example), you can barely make out the character names.

        Loading editor
    • Could you please explain what you want to accomplish? I may be able to help.

        Loading editor
    • True, yellow wouldn't contrast well on a light background.

      <span style="color: yellow;">This text is yellow.</span>
      
      This text is yellow.

      But if you add a shadow, it's more bearable.

      <span style="color: yellow; text-shadow: 0.125em 0.125em 0.25em black;">This text is yellow but with a fuzzy black shadow.</span>
      
      This text is yellow but with a fuzzy black shadow.

      That's a modest improvement, but still hard to read. Fortunately, back when I set up the Mutant Ninja Turtles Gaiden Wiki, I wrote a complex aura shadow style.

      <span style="color: yellow; text-shadow: -0.125em -0.125em 0.25em black, -0.177em 0px 0.25em black, -0.125em 0.125em 0.25em black, 0px -0.177em 0.25em black, 0px 0px 0.25em black, 0px 0.177em 0.25em black, 0.125em -0.125em 0.25em black, 0.177em 0px 0.25em black, 0.125em 0.125em 0.25em black, -0.0625em -0.0625em 0.125em black, -0.0885em 0px 0.125em black, -0.0625em 0.0625em 0.125em black, 0px -0.0885em 0.125em black, 0px 0px 0.125em black, 0px 0.0885em 0.125em black, 0.0625em -0.0625em 0.125em black, 0.0885em 0px 0.125em black, 0.0625em 0.0625em 0.125em black, -0.03125em -0.03125em 0.0625em black, -0.04425em 0px 0.0625em black, -0.03125em 0.03125em 0.0625em black, 0px -0.04425em 0.0625em black, 0px 0px 0.0625em black, 0px 0.04425em 0.0625em black, 0.03125em -0.03125em 0.0625em black, 0.04425em 0px 0.0625em black, 0.03125em 0.03125em 0.0625em black;">This text is yellow but wrapped in a nice blanket of black.</span>
      
      This text is yellow but wrapped in a nice blanket of black.

      A template can be written to streamline this, using only text color and border color as arguments.

        Loading editor
    • I need the colors for my TMNT 2003 series review

        Loading editor
    • That's doable. Just colored text, that's all?

        Loading editor
    • So...

      {{red|Red,}} {{orange|orange,}} {{yellow|yellow,}} {{green|green,}} {{blue|blue,}} {{purple|purple,}} {{black|black,}} {{white|white.}}
      
      Red, orange, yellow, green, blue, purple, black, white.

      Will these do? The black and white background colors are so they contrast well no matter what stylesheet is being used by the wiki or individual wiki users. Let me demonstrate again using a pure grey background:

       Red, orange, yellow, green, blue, purple, black, white. 

      It's also possible to use Template:color directly, which I also whipped up on the spot and which all these other specific color templates are using. It's possible to have no border color at all:

      {{color|fg=red|Red,}} {{color|fg=orange|orange,}} {{color|fg=yellow|yellow,}} {{color|fg=green|green,}} {{color|fg=blue|blue,}} {{color|fg=purple|purple,}} {{color|fg=black|black,}} {{color|fg=white|white.}}
      
      Red, orange, yellow, green, blue, purple, black, white.

      Or only black backgrounds:

      {{color|bg=black|fg=red|Red,}} {{color|bg=black|fg=orange|orange,}} {{color|bg=black|fg=yellow|yellow,}} {{color|bg=black|fg=green|green,}} {{color|bg=black|fg=blue|blue,}} {{color|bg=black|fg=purple|purple,}} {{color|bg=black|fg=black|black,}} {{color|bg=black|fg=white|white.}}
      
      Red, orange, yellow, green, blue, purple, black, white.

      But then the darker colors are harder to read.

        Loading editor
    • Hey dude! thanks for the template:),

        Loading editor
    • You're welcome. But I'm still serious about good color contrast. Never take a wiki's current color theme for granted, because it could all change one day. :)

        Loading editor
    • A FANDOM user
        Loading editor
Give Kudos to this message
You've given this message Kudos!
See who gave Kudos to this message
Community content is available under CC-BY-SA unless otherwise noted.