mirrors/vector-im-hydrogen-web
1
0
Fork 0
mirror of https://github.com/vector-im/hydrogen-web.git synced 2024-12-22 19:14:52 +01:00
Code Issues Projects Releases Wiki Activity

restore active reaction bg color to be transparent version of accent color

Browse Source
This commit is contained in:
Bruno Windels 2022-11-25 17:21:58 +01:00
parent 23a325b18d
commit 7bdd23e767
3 changed files with 6 additions and 2 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

1
doc/THEMING.md
View File

@ -80,6 +80,7 @@ Currently supported operations are:
| -------- | -------- | -------- | | -------- | -------- | -------- |
| darker | percentage | color | | darker | percentage | color |
| lighter | percentage | color | | lighter | percentage | color |
| alpha | alpha percentage | color |
## Aliases ## Aliases
It is possible give aliases to variables in the `theme.css` file: It is possible give aliases to variables in the `theme.css` file:

3
src/platform/web/theming/shared/color.mjs
View File

@ -36,5 +36,8 @@ export function derive(value, operation, argument, isDark) {
const newColorString = offColor(value).lighten(argumentAsNumber / 100).hex(); const newColorString = offColor(value).lighten(argumentAsNumber / 100).hex();
return newColorString; return newColorString;
} }
case "alpha": {
return offColor(value).rgba(argumentAsNumber / 100);
}
} }
} }

4
src/platform/web/ui/css/themes/element/timeline.css
View File

@ -364,7 +364,7 @@ only loads when the top comes into view*/
} }
.Timeline_messageReactions button.active { .Timeline_messageReactions button.active {
background-color: var(--background-color-secondary); background-color: var(--accent-color--alpha-11);
border-color: var(--accent-color); border-color: var(--accent-color);
} }
@ -440,4 +440,4 @@ only loads when the top comes into view*/
background-color: var(--background-color-primary); background-color: var(--background-color-primary);
border-radius: 8px; border-radius: 8px;
text-align: center; text-align: center;
} }