Modals and forms

customize.dist/src/less2/include/alertify.less

@@ -170,7 +170,7 @@
                         }
                     }
                     a {
-                        color: @cryptpad_color_brand;
+                        color: @cryptpad_text_col;
                         text-decoration: underline;
                     }
                 }

customize.dist/src/less2/include/colortheme-dark.less

@@ -95,23 +95,23 @@
 @cp_messenger-online: @cryptpad_color_light_green;
 
 // Alertify
-@cp_alertify-bg: @cryptpad_color_light_grey;
+@cp_alertify-bg: @cryptpad_color_grey_800;
 @cp_alertify-fg: lighten(@cryptpad_color_brand, 30%);
 @cp_alertify-hover: fade(@cp_alertify-fg, 25%);
-@cp_alertify-overlay: fade(@cryptpad_text_col, 50%);
+@cp_alertify-overlay: fade(@cryptpad_color_grey_900, 50%);
 @cp_alertify-log-bg: fade(@cryptpad_color_brand, 90%);
 @cp_alertify-log-fg: @cryptpad_color_white;
 @cp_alertify-warn-bg: rgba(205, 37, 50);
-@cp_alertify-disable-border: @cryptpad_color_dark_grey;
+@cp_alertify-disable-border: @cryptpad_color_grey_600;
 
 // Forms
 @cp_forms-fg: @cryptpad_text_col;
-@cp_forms-bg: @cryptpad_color_toolbar_grey; // XXX
+@cp_forms-bg: @cryptpad_color_grey_700;
-@cp_forms-border: @cryptpad_color_brand;
+@cp_forms-border: lighten(@cryptpad_color_brand, 30%);
-@cp_forms-placeholder: @cryptpad_color_dark_grey;
+@cp_forms-placeholder: fade(@cryptpad_text_col, 75%);
-@cp_forms-readonly: fade(@cryptpad_color_brand, 25%);
+@cp_forms-readonly: @cryptpad_color_brand_fadest;
-@cp_forms-readonly-border: @cryptpad_color_white;
+@cp_forms-readonly-border: @cryptpad_color_brand;
-@cp_forms-disabled: #AAA;
+@cp_forms-disabled: @cryptpad_color_grey_500;
 
 // Buttons
 @cp_buttons-fg: @cryptpad_color_brand;
@@ -220,11 +220,11 @@
 @cp_help-link: @cryptpad_color_link;
 
 // Static pages
-@cp_static-bg: @cryptpad_color_grey;
+@cp_static-bg: @cryptpad_color_grey_900;
 @cp_static-fg: @cryptpad_text_col;
 @cp_static-link: @cryptpad_color_brand;
 @cp_static-title: @cryptpad_color_brand;
-@cp_static-footer: @cryptpad_color_help_grey;
+@cp_static-footer: @cryptpad_color_grey_800;
 @cp_static-footer-border: @cryptpad_color_white;
 @cp_static-topbar-fg: @cryptpad_color_brand;
 
@@ -275,7 +275,7 @@
 @cp_usergrid-selected-fg: @cryptpad_color_white;
 
 // Other
-@cp_shadow-color: fade(@cryptpad_color_black, 40%);
+@cp_shadow-color: fade(@cryptpad_color_black, 60%);
 
 // Apps
 @cp_app-bg: @cryptpad_color_light_grey;

customize.dist/src/less2/include/colortheme.less

@@ -106,12 +106,12 @@
 
 // Forms
 @cp_forms-fg: @cryptpad_text_col;
-@cp_forms-bg: @cryptpad_color_white;
+@cp_forms-bg: @cryptpad_color_grey_100;
 @cp_forms-border: @cryptpad_color_brand;
-@cp_forms-placeholder: @cryptpad_color_dark_grey;
+@cp_forms-placeholder: fade(@cryptpad_text_col, 75%);
-@cp_forms-readonly: fade(@cryptpad_color_brand, 25%);
+@cp_forms-readonly: @cryptpad_color_brand_fadest;
-@cp_forms-readonly-border: @cryptpad_color_white;
+@cp_forms-readonly-border: @cryptpad_color_brand;
-@cp_forms-disabled: #AAA;
+@cp_forms-disabled: @cryptpad_color_grey_500;
 
 // Buttons
 @cp_buttons-fg: @cryptpad_color_brand;