From 18a7aa81cbfb6389668b2c39062376e52246778e Mon Sep 17 00:00:00 2001
From: "Quintino A. G. Souza" <quin@unicamp.br>
Date: Sat, 21 Mar 2026 10:21:57 -0300
Subject: [PATCH] =?UTF-8?q?Estiliza=20formul=C3=A1rio=20de=20configura?=
 =?UTF-8?q?=C3=A7=C3=A3o=20do=20microsite?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

Adiciona biblioteca CSS 'form' ao tema do microsite com estilos para
labels, campos, descrições e botão de submit, seguindo a paleta de cores
do tema. O formulário aplica a classe .microsite-form e anexa a biblioteca
automaticamente.

Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>
---
 .../src/Form/MicrositeUserConfigForm.php      |  3 +
 .../css/microsite-form.css                    | 87 +++++++++++++++++++
 .../site_users_microsite_theme.libraries.yml  |  7 ++
 3 files changed, 97 insertions(+)
 create mode 100644 themes/site_users_microsite_theme/css/microsite-form.css

diff --git a/modules/site_users_microsite/src/Form/MicrositeUserConfigForm.php b/modules/site_users_microsite/src/Form/MicrositeUserConfigForm.php
index c6ca262..fe63b19 100644
--- a/modules/site_users_microsite/src/Form/MicrositeUserConfigForm.php
+++ b/modules/site_users_microsite/src/Form/MicrositeUserConfigForm.php
@@ -64,6 +64,9 @@ class MicrositeUserConfigForm extends FormBase {
       }
     }
 
+    $form['#attributes']['class'][] = 'microsite-form';
+    $form['#attached']['library'][] = 'site_users_microsite_theme/form';
+
     $form['homepage_nid'] = [
       '#type' => 'select',
       '#title' => $this->t('Homepage content'),
diff --git a/themes/site_users_microsite_theme/css/microsite-form.css b/themes/site_users_microsite_theme/css/microsite-form.css
new file mode 100644
index 0000000..75047d1
--- /dev/null
+++ b/themes/site_users_microsite_theme/css/microsite-form.css
@@ -0,0 +1,87 @@
+/**
+ * Microsite theme — estilos para formulários de configuração do usuário.
+ */
+
+.microsite-form {
+  background: #fff;
+  border-radius: 6px;
+  padding: 2rem;
+  max-width: 600px;
+  box-shadow: 0 1px 4px rgba(0, 0, 0, 0.08);
+}
+
+.microsite-form .form-item {
+  margin-bottom: 1.5rem;
+}
+
+.microsite-form label {
+  display: block;
+  margin-bottom: 0.4rem;
+  font-weight: 600;
+  font-size: 0.95rem;
+  color: #333;
+}
+
+.microsite-form select,
+.microsite-form input[type="text"],
+.microsite-form input[type="email"],
+.microsite-form textarea {
+  display: block;
+  width: 100%;
+  padding: 0.5rem 0.75rem;
+  font-size: 0.95rem;
+  font-family: inherit;
+  color: #222;
+  background: #fff;
+  border: 1px solid #ccc;
+  border-radius: 4px;
+  transition: border-color 0.15s, box-shadow 0.15s;
+  appearance: auto;
+}
+
+.microsite-form select:focus,
+.microsite-form input:focus,
+.microsite-form textarea:focus {
+  outline: none;
+  border-color: hsl(202, 79%, 50%);
+  box-shadow: 0 0 0 3px hsla(202, 79%, 50%, 0.2);
+}
+
+.microsite-form .form-item__description,
+.microsite-form .description {
+  margin-top: 0.35rem;
+  font-size: 0.85rem;
+  color: #666;
+}
+
+.microsite-form .form-actions {
+  margin-top: 2rem;
+  padding-top: 1.25rem;
+  border-top: 1px solid #eee;
+}
+
+.microsite-form .button,
+.microsite-form input[type="submit"] {
+  display: inline-block;
+  padding: 0.55rem 1.5rem;
+  font-size: 0.95rem;
+  font-weight: 600;
+  font-family: inherit;
+  color: #fff;
+  background: hsl(202, 79%, 50%);
+  border: none;
+  border-radius: 4px;
+  cursor: pointer;
+  transition: background 0.15s;
+}
+
+.microsite-form .button:hover,
+.microsite-form input[type="submit"]:hover {
+  background: hsl(202, 79%, 42%);
+}
+
+.microsite-form .button:focus,
+.microsite-form input[type="submit"]:focus {
+  outline: none;
+  box-shadow: 0 0 0 3px hsla(202, 79%, 50%, 0.35);
+}
diff --git a/themes/site_users_microsite_theme/site_users_microsite_theme.libraries.yml b/themes/site_users_microsite_theme/site_users_microsite_theme.libraries.yml
index 4ea9886..a35c2fd 100644
--- a/themes/site_users_microsite_theme/site_users_microsite_theme.libraries.yml
+++ b/themes/site_users_microsite_theme/site_users_microsite_theme.libraries.yml
@@ -6,3 +6,10 @@ global:
     js/social-bar.js: {}
   dependencies:
     - core/drupal
+
+form:
+  css:
+    theme:
+      css/microsite-form.css: {}
+  dependencies:
+    - site_users_microsite_theme/global