Checked correctly working examples on 2022.08.01
Right now the design of the wiki doesn’t allow using custom colors for page elements. But you can still use colors by assigning classes, that modify font/background/border color, to HTML elements.
Those classes were acquired by using browser’s DevTools on any RealmEye’s page:
(“Sources” tab > “top” > “www.realmeye.com” > “s/fa” or some other folder > “css” > “re.css” and “wiki.css”)
If you find more of useful ones, feel free to add to this page : )
TODO: CHECK THAT ELEMENTS WITH ASSIGNED CLASSES DON’T CAUSE DISRUPTIONS TO WORKINGS OF WIKI PAGES.
Add class="x y z"
into start tag of HTML element (x, y and z are class names without “.”).
E.g., to add class .bg-info
into <div>test</div>
, format the element so:
<div class="bg-info">test</div>
Result column’s cells show a <div>
element that has specified class assigned to it.
In Class column, if there is something in front of “.”, then that means that this class works only for <something> elements (not a real element, just an example).
Class | Attribute | Result | Comments |
---|---|---|---|
no class |
test |
for comparison | |
.text-muted |
color:#777 | test |
|
.text-primary |
color:#337ab7 | test |
|
.text-success |
color:#3c763d | test |
|
.text-primary |
color:#337ab7 | test |
|
.text-info |
color:#31708f | test |
|
.text-warning |
color:#8a6d3b | test |
|
.text-danger |
color:#a94442 | test |
|
.pet-ability-disabled |
color:#999 | test |
|
td.to-max |
color:#08C | test | changes placement of text too, so careful |
td.below-avg |
color:red | test | |
td.above-avg |
color:green | test | |
.st |
color:#f90 | test | |
.ut |
color:#8a2be2 | test |
Class | Attribute | Result | Comments |
---|---|---|---|
no class |
test |
for comparison | |
.mp-bg |
background-color:#06c | test |
|
.wis-bg |
background-color:#09f | test |
|
.spd-bg |
background-color:#00F53D | test |
|
.def-bg |
background-color:#999 | test |
|
.att-bg |
background-color:#c0f | test |
|
.hp-bg |
background-color:#c33 | test |
|
.vit-bg |
background-color:#red | test |
|
.dex-bg |
background-color:#f93 | test |
|
.fame-bg |
background-color:#daa520 | test |
|
.fp-bg |
background-color:peru | test |
|
.bg-success |
background-color:#dff0d8 | test |
Class | Attributes | Result | Comments |
---|---|---|---|
no class |
test |
for comparison | |
TBA |
TBA
Check comments below this text here while editing the page to see classes yet not in tables: