Refactor CSS styles and update HTML title for improved UI consistency

GaabDevWeb · GaabDevWeb · commit 46375e8a6adc · 2026-06-30T21:55:28.000-03:00
- Updated `theme.css` to remove focus outlines and shadows for a cleaner Flat UI experience.
- Adjusted styles for `.conversation-sidebar__rename-input` to enhance usability and visual clarity.
- Changed the title in `index.html` to simplify branding.
diff --git a/frontend/assets/css/theme.css b/frontend/assets/css/theme.css
@@ -171,11 +171,12 @@ button {
     border: none;
 }
 
-/* Flat UI — sem sombras em nenhum componente */
+/* Flat UI — sem sombras nem anéis de foco laranja/dourado */
 *,
 *::before,
 *::after {
     box-shadow: none !important;
+    outline: none !important;
 }
 
 @keyframes bg-pulse {
@@ -2190,8 +2191,6 @@ body.chat-active .app-shell {
 
 .conversation-sidebar__search-field:focus-within {
     background: var(--hover-overlay-medium);
-    outline: 2px solid var(--brand-muted);
-    outline-offset: -2px;
 }
 
 .conversation-sidebar__search-leading {
@@ -2483,14 +2482,25 @@ body.chat-active .app-shell {
 
 .conversation-sidebar__rename-input {
     width: 100%;
-    padding: 6px 10px;
-    margin: 2px 0;
-    border: 1px solid var(--brand-muted);
-    border-radius: var(--radius-sm);
-    background: var(--surface);
+    padding: 0;
+    margin: 0;
+    border: none;
+    border-radius: 0;
+    background: transparent;
     color: var(--text);
     font-family: inherit;
     font-size: var(--font-size-sm);
+    font-weight: 500;
+    line-height: 1.35;
+    outline: none;
+    box-shadow: none;
+}
+
+.conversation-sidebar__rename-input:focus,
+.conversation-sidebar__rename-input:focus-visible {
+    border: none;
+    outline: none;
+    box-shadow: none;
 }
 
 /* --- Collapsed state --- */
@@ -2688,14 +2698,7 @@ body.chat-active .app-shell {
     }
 }
 
-/* ===== Focus global ===== */
-button:focus-visible,
-textarea:focus-visible,
-.scope-option:focus-visible,
-.message-sources__toggle:focus-visible {
-    outline: 2px solid var(--accent);
-    outline-offset: 2px;
-}
+/* ===== Focus global — ver reset flat UI (outline: none !important) ===== */
 
 /* ===== Responsividade ===== */
 @media (max-width: 600px) {
diff --git a/templates/index.html b/templates/index.html
@@ -4,7 +4,7 @@
 <head>
     <meta charset="UTF-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0" />
-    <title>Kernel — Assistente de Estudo</title>
+    <title>Kernel</title>
     <meta name="description" content="Assistente de estudo com busca nas aulas indexadas — Python, SQL, carreira e mais." />
     <meta name="color-scheme" content="dark light" />
     <script>
