1

Themes

cube edited this page 2026-03-24 20:30:33 +00:00

Located in myriad/static/themes, these are css files that are loaded to the base.html for use on the site (future) and in member profiles/pages. The basic layout of a theme is as follows, using 'purple' as an example, though anything can be added to change any aspect of the site with the chosen theme applied.

.purple{
    background-color:#ecc9fa;
    border-color:#a414da;
    color:black;
}
.purple .heading
{
    background-color:#d991f4;
    border-color:#a414da;
    color:black;
}
.purple .heading b
{
    color:black;
}
.purple a{
    color: #a414da;
}
.purple a:hover{
    color: #720e98;
}
.purple ::selection {
    background:#a414da;
    color: white;
    text-shadow: none;
}
.purple ::-moz-selection {
    background: #a414da;
    color: #EEE;
    text-shadow: none;
}
.purple .icon{
    border-color:#a414da;
}

body.purple{
    background: #fb46c0;
    background: linear-gradient(90deg, #fb46c0 0%, #a414da 50%, #720e98 100%);
    scrollbar-color:#a414da #d991f4;
}
.purple .container{
    background-color:#ecc9fa;
    border-color:#a414da;
}

Since the class selector is used to determine which theme to use, the filename and theme class selector must be the exact same - therefore, no spaces or unusual characters. Here the filename is purple.css and the class selector is .purple. If you create a theme, make sure to replace .purple with your theme name.