cube/myriad
2
1
Fork 0
Code Issues 37 Pull Requests Projects 2 Wiki Activity

Add Themes

cube
2026-03-24 20:30:33 +00:00
parent 9a563df383
commit 63f3e55717
1 changed files with 50 additions and 0 deletions
Download Patch File Download Diff File Expand all files Collapse all files

50
Themes.md Normal file

@@ -0,0 +1,50 @@
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.