Add css class gray_button, for more neutral / cancel actions.

Red seems too aggressive and indicates danger when not appropriate.
Gray seems better for reverting to an already safe state.

frontends/etiquette_flask/static/css/common.css

@@ -59,6 +59,10 @@ body
     flex-direction: row;
 }
 
+.gray_button
+{
+    background-color: #cccccc;
+}
 .green_button
 {
     background-color: #6df16f;

frontends/etiquette_flask/static/js/editor.js

@@ -212,7 +212,7 @@ function Editor(elements, on_open, on_save, on_cancel)
     this.cancel_button.innerText = "Cancel";
     this.cancel_button.classList.add("editor_button");
     this.cancel_button.classList.add("editor_cancel_button");
-    this.cancel_button.classList.add("red_button");
+    this.cancel_button.classList.add("gray_button");
     this.cancel_button.classList.add("hidden");
     this.cancel_button.onclick = this.binder(on_cancel, this.cancel);
     toolbox.appendChild(this.cancel_button);

frontends/etiquette_flask/templates/album.html

@@ -91,7 +91,7 @@ p
                     <button id="create_child_prompt_button" class="green_button" onclick="albums.open_creator_prompt(event);">Create child</button>
                     <input type="text" id="create_child_title_entry" class="hidden" placeholder="Album title">
                     <button id="create_child_submit_button" class="green_button hidden" onclick="albums.submit_create_child(event);">Create</button>
-                    <button id="create_child_cancel_button" class="red_button hidden" onclick="albums.cancel_create_child(event);">Cancel</button>
+                    <button id="create_child_cancel_button" class="gray_button hidden" onclick="albums.cancel_create_child(event);">Cancel</button>
                 </li>
             </ul>
         </ul>

frontends/etiquette_flask/templates/albums.html

@@ -30,7 +30,7 @@
             <button id="create_child_prompt_button" class="green_button" onclick="albums.open_creator_prompt(event);">Create album</button>
             <input type="text" id="create_child_title_entry" class="hidden" placeholder="Album title">
             <button id="create_child_submit_button" class="green_button hidden" onclick="albums.submit_create_child(event);">Create</button>
-            <button id="create_child_cancel_button" class="red_button hidden" onclick="albums.cancel_create_child(event);">Cancel</button>
+            <button id="create_child_cancel_button" class="gray_button hidden" onclick="albums.cancel_create_child(event);">Cancel</button>
         </li>
     </ul>
 </div>