deblan-mirror/element-themes
1
0
Fork 0
mirror of https://github.com/aaronraimist/element-themes synced 2024-06-03 14:52:12 +02:00
Code Issues Packages Projects Releases Wiki Activity

Merge pull request #61 from Ordo-S/monokai

Browse source 
Files and README updated for Monokai Pro theme
This commit is contained in:
Aaron Raimist 2023-03-04 16:57:51 -07:00 committed by GitHub
parent 4b801c1dc8 71d616c76e
commit 7f95b9a239
No known key found for this signature in database
GPG key ID: 4AEE18F83AFDEB23
3 changed files with 44 additions and 0 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

38
Monokai Pro/Monokai-Pro.json Normal file
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
View file

Binary file not shown.
Side by side

After

Width:  |  Height:  |  Size: 211 KiB

6
README.md
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.