From acda74d034b6e5ccff3479b082ace61aea77de01 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?David=20Benqu=C3=A9?= <david.benque@xwiki.com>
Date: Wed, 2 Mar 2022 11:31:29 +0000
Subject: [PATCH] Rounded creation screen

---
 customize.dist/src/less2/include/colortheme-dark.less |  1 +
 customize.dist/src/less2/include/colortheme.less      |  3 ++-
 customize.dist/src/less2/include/creation.less        | 11 ++++++++---
 3 files changed, 11 insertions(+), 4 deletions(-)

diff --git a/customize.dist/src/less2/include/colortheme-dark.less b/customize.dist/src/less2/include/colortheme-dark.less
index afffa7dca..c58a1684a 100644
--- a/customize.dist/src/less2/include/colortheme-dark.less
+++ b/customize.dist/src/less2/include/colortheme-dark.less
@@ -234,6 +234,7 @@
 // Pad Creation Screen
 @cp_creation-bg: @cryptpad_color_grey_800;
 @cp_creation-fg: @cryptpad_text_col;
+@cp_creation-template: @cryptpad_color_grey_700;
 @cp_creation-button-bg: @cryptpad_color_brand;
 @cp_creation-button-fg: @cryptpad_color_white;
 @cp_creation-error-bg: @cryptpad_color_blue;
diff --git a/customize.dist/src/less2/include/colortheme.less b/customize.dist/src/less2/include/colortheme.less
index e975105b9..3565f546f 100644
--- a/customize.dist/src/less2/include/colortheme.less
+++ b/customize.dist/src/less2/include/colortheme.less
@@ -233,6 +233,7 @@
 // Pad Creation Screen
 @cp_creation-bg: @cryptpad_color_white;
 @cp_creation-fg: @cryptpad_text_col;
+@cp_creation-template: @cryptpad_color_grey_100;
 @cp_creation-button-bg: @cryptpad_color_brand;
 @cp_creation-button-fg: @cryptpad_color_white;
 @cp_creation-error-bg: @cryptpad_color_blue;
@@ -324,7 +325,7 @@
 @cp_shadow-color: fade(@cryptpad_color_black, 30%);
 
 // Apps
-@cp_app-bg: @cryptpad_color_grey_100;
+@cp_app-bg: @cryptpad_color_white;
 @cp_app-fg: @cryptpad_text_col;
 
 // Accounts
diff --git a/customize.dist/src/less2/include/creation.less b/customize.dist/src/less2/include/creation.less
index 1449a341a..f0189ff0e 100644
--- a/customize.dist/src/less2/include/creation.less
+++ b/customize.dist/src/less2/include/creation.less
@@ -3,6 +3,7 @@
 @import (reference) "./tools.less";
 @import (reference) './icon-colors.less';
 @import (reference) "./avatar.less";
+@import (reference) "./variables.less";
 
 .creation_vars(
     @bg-color: @colortheme_apps[default]
@@ -63,6 +64,7 @@
         width: 700px;
         max-width: 90vw;
         height: 500px;
+        border-radius: @variables_radius_L;
         max-height: ~"calc(100vh - 20px)";
         margin: 0px;
         flex-shrink: 0;
@@ -131,6 +133,7 @@
                 color: @cp_creation-button-fg;
                 margin: 3px 10px;
                 border: none;
+                border-radius: @variables_radius;
                 cursor: pointer;
                 outline: none;
                 text-transform: uppercase;
@@ -256,6 +259,7 @@
                     }
                     select {
                         margin-right: 5px;
+                        border-radius: @variables_radius;
                     }
                 }
                 &.active {
@@ -325,11 +329,12 @@
                 max-height: 159px;
                 align-items: center;
                 .cp-creation-template-element {
-                    box-shadow: 2px 2px 7px @cp_shadow-color;
+                    box-shadow: 0px 0px 5px 1px #00000030; // XXX
                     width: 300px;
                     max-width: calc(100% - 10px);
-                    padding: 2px;
+                    padding: 5px;
                     margin: 5px;
+                    border-radius: @variables_radius;
                     display: inline-flex;
 
                     box-sizing: border-box;
@@ -337,7 +342,7 @@
                     text-align: left;
                     line-height: 1em;
                     cursor: pointer;
-
+                    background-color: @cp_creation-template;
                     color: @creation-color;
                     color: var(--creation-color);
                     border: 1px solid transparent;