Add Covalence theme (#60)

* Upload covalence.json

Signed-off-by: ghost-amnesiac <123417798+ghost-amnesiac@users.noreply.github.com>

* Upload covalence.png

Signed-off-by: ghost-amnesiac <123417798+ghost-amnesiac@users.noreply.github.com>

* Add Covalence to README

Signed-off-by: ghost-amnesiac <123417798+ghost-amnesiac@users.noreply.github.com>

---------

Signed-off-by: ghost-amnesiac <123417798+ghost-amnesiac@users.noreply.github.com>
This commit is contained in:
amnesia 2023-02-11 04:27:41 +00:00 committed by GitHub
parent 51e27e1cd6
commit 4b801c1dc8
No known key found for this signature in database
GPG key ID: 4AEE18F83AFDEB23
3 changed files with 38 additions and 0 deletions

32
Covalence/covalence.json Normal file
View file

@ -0,0 +1,32 @@
{
"name": "Covalence",
"is_dark": true,
"colors": {
"accent-color": "#25863c",
"primary-color": "#4695f7",
"warning-color": "#ed4a46",
"sidebar-color": "#161b22",
"roomlist-background-color": "#0d1117",
"roomlist-text-color": "#c9d1d9",
"roomlist-text-secondary-color": "#b9b9b9",
"roomlist-highlights-color": "#161b22",
"roomlist-separator-color": "#21262d",
"timeline-background-color": "#0d1117",
"timeline-text-color": "#c9d1d9",
"secondary-content": "#c9d1d9",
"tertiary-content": "#c9d1d9",
"timeline-text-secondary-color": "#8b949e",
"timeline-highlights-color": "#252525",
"reaction-row-button-selected-bg-color": "#132338",
"username-colors": [
"#f85149",
"#d29922",
"#42b958",
"#58a6fc",
"#a271f3",
"#f9524a",
"#43ba59",
"#a372f4"
]
}
}

BIN
Covalence/covalence.png Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 1.1 MiB

View file

@ -180,6 +180,12 @@ Made by `@joel:thebeckmeyers.xyz`
![Gruvbox Light Theme Screenshot](Gruvbox/Gruvbox%20Light/Gruvbox%20Light.png)
## [Covalence Dark Theme](Covalence/covalence.json?raw=1)
Made by `@mnesia:matrix.org`
![Covalence Dark Theme Screenshot](https://user-images.githubusercontent.com/123417798/218235744-149e276f-9bc9-4446-9b5c-52e60bcff7bd.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.