diff --git a/customize.dist/src/less2/include/colortheme.less b/customize.dist/src/less2/include/colortheme.less index 18dcb1c0a..cfc931e47 100644 --- a/customize.dist/src/less2/include/colortheme.less +++ b/customize.dist/src/less2/include/colortheme.less @@ -299,7 +299,7 @@ @cp_usergrid-selected-fg: @cryptpad_color_white; // Other -@cp_shadow-color: fade(@cryptpad_color_black, 40%); +@cp_shadow-color: fade(@cryptpad_color_black, 30%); // Apps @cp_app-bg: @cryptpad_color_grey_100; @@ -428,8 +428,8 @@ @cp_calendar-now-fg: @cryptpad_color_grey_200; // Forms -@cp_form-bg1: @cryptpad_color_grey_200; -@cp_form-bg2: @cryptpad_color_grey_100; +@cp_form-bg1: @cryptpad_color_grey_50; +@cp_form-bg2: @cryptpad_color_grey_200; @cp_form-border: @cryptpad_color_grey_200; @cp_form-poll-color: @cryptpad_color_grey_800; @cp_form-poll-no: fade(@cryptpad_color_light_red, 75%); diff --git a/www/form/app-form.less b/www/form/app-form.less index 1cc538708..06d559c85 100644 --- a/www/form/app-form.less +++ b/www/form/app-form.less @@ -116,8 +116,19 @@ width: 100% !important; .cp-form-creator-settings { display: flex; - justify-content: space-evenly; + justify-content: space-between; flex-wrap: wrap; + div { + flex-basis: 33.333333%; + padding-right: 20px; + } + } + } + @media screen and (max-width: 600px) { + .cp-form-creator-settings { + div { + flex-basis: 50%; + } } } } @@ -337,6 +348,7 @@ .cp-form-block { background: @cp_form-bg1; padding: 10px; + box-shadow: 0px 0px 15px @cp_shadow-color; &:not(:last-child) { margin-bottom: 20px; } @@ -699,7 +711,7 @@ margin-top: -10px; margin-right: -10px; i { margin-right: 5px; } - background: fade(@cryptpad_text_col, 15%); + background: fade(@cryptpad_text_col, 10%); } }