infra
/
cryptpad
2
1
Fork 0
Code Issues Pull Requests Projects Releases 1 Activity

App color shades in toolbar and on homepage

pull/1/head
David Benqué 2021-02-04 17:35:49 +00:00
parent a4b10b1145
commit 7d9f769056
2 changed files with 5 additions and 3 deletions
customize.dist/src/less2

5
customize.dist/src/less2/include/toolbar.less
View File

@ -15,8 +15,9 @@
@bg-color: @colortheme_apps[default], // color of the toolbar background
) {
@toolbar-bg-color: @bg-color;
@toolbar-bg-color-light: contrast(@cp_toolbar-fg, lighten(@bg-color, 30%), darken(@bg-color, 30%));
@toolbar-bg-color-active: contrast(@cp_toolbar-fg, lighten(@bg-color, 20%), darken(@bg-color, 20%));
@desat-color: desaturate(@bg-color, 20%);
@toolbar-bg-color-light: contrast(@cp_toolbar-fg, lighten(@bg-color, 30%), darken(@desat-color, 20%));
@toolbar-bg-color-active: contrast(@cp_toolbar-fg, lighten(@bg-color, 20%), darken(@desat-color, 10%));
};
.toolbar_main (

3
customize.dist/src/less2/pages/page-index.less
View File

@ -144,7 +144,8 @@
.cp-callout-@{key} {
i { color: @value; }
&:hover {
background-color: contrast(@cryptpad_text_col, lighten(@value, 30%), darken(@value, 30%));
@desat: desaturate(@value, 15%);
background-color: contrast(@cryptpad_text_col, lighten(@value, 30%), darken(@desat, 20%));
i { color: @cryptpad_text_col; }
}
}