diff --git a/Monokai Pro/Monokai-Pro.json b/Monokai Pro/Monokai-Pro.json new file mode 100644 index 0000000..ab2e0c6 --- /dev/null +++ b/Monokai Pro/Monokai-Pro.json @@ -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"] + } +} \ No newline at end of file diff --git a/Monokai Pro/Monokai-Pro.png b/Monokai Pro/Monokai-Pro.png new file mode 100644 index 0000000..111051f Binary files /dev/null and b/Monokai Pro/Monokai-Pro.png differ diff --git a/README.md b/README.md index 40c1389..10e6621 100644 --- a/README.md +++ b/README.md @@ -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.