Files and README updated for Monokai Pro theme

This commit is contained in:
ordo 2023-03-04 15:48:10 -08:00
parent 4b801c1dc8
commit ecf357898f
3 changed files with 44 additions and 0 deletions

View file

@ -0,0 +1,38 @@
{
"name": "Monokai Pro",
"is_dark": true,
"colors": {
"accent-color": "#fff1f3",
"primary-color": "#f38d70",
"warning-color": "#fd6883",
"sidebar-color": "#2d2a2e",
"roomlist-background-color": "#221f22",
"roomlist-text-color": "#fff1ff",
"roomlist-text-secondary-color": "#f9cc6c",
"roomlist-highlights-color": "#3b394a",
"roomlist-separator-color": "#2D2a2e",
"timeline-background-color": "#2D2a2e",
"timeline-text-color": "#fff1ff",
"secondary-content": "#fff1f3",
"tertiary-content": "#fff1f3",
"quinary-content": "#221f22",
"timeline-text-secondary-color": "#fff1ff",
"timeline-highlights-color": "#00000030",
"reaction-row-button-selected-bg-color": "#adda78",
"menu-selected-color": "#f9cc6c",
"icon-button-color": "#f9cc6c",
"accent": "#fd6883",
"alert": "#fd6883",
"username-colors": [
"#cc241d",
"#689d6a",
"#f9cc6c",
"#b16286",
"#85dacc",
"#adda78",
"#a89984",
"#f38d70"
],
"avatar-background-colors": ["#458588", "#b16286", "#adda78"]
}
}

BIN
Monokai Pro/Monokai-Pro.png Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 211 KiB

View file

@ -186,6 +186,12 @@ Made by `@mnesia:matrix.org`
![Covalence Dark Theme Screenshot](https://user-images.githubusercontent.com/123417798/218235744-149e276f-9bc9-4446-9b5c-52e60bcff7bd.png)
## [Monokai Pro](https://raw.githubusercontent.com/aaronraimist/element-themes/master/Monokai%20Pro/Monokai-Pro.json)
Made by `@ordo:mushrooms.dev`
![Monokai Pro Theme Screenshot])(Monokai%20Pro/Monokai-Pro.png)
# Advanced
The themes in this repository use Element's relatively basic theming system which can only change a limited number of colors. Element's [theming documentation](https://github.com/vector-im/element-web/blob/master/docs/theming.md) has more information on how these work. For more advanced themes where you want to customize things like fonts, button shapes, or all of the colors you'll need to use CSS which isn't supported by Element's theming system. To use CSS based themes you could use a browser extension like Stylus. https://github.com/dannycolin/riot-compact is an example of a more advanced theme.