From b276342d9f804a180362a263cd077b3c6443be21 Mon Sep 17 00:00:00 2001 From: Claude Date: Fri, 3 Jul 2026 20:42:00 -0300 Subject: [PATCH] =?UTF-8?q?Temas=20com=20layouts=20estruturalmente=20disti?= =?UTF-8?q?ntos=20(n=C3=A3o=20s=C3=B3=20cores)?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit - nordic-minimal: split-screen padrão Stripe/Notion — painel branco full-height ancorado à direita, anéis decorativos no lado livre, form alinhado à esquerda dentro do painel. - carbon-neon: janela de terminal ancorada à esquerda — title bar com os 3 botões (no .card-header vazio do card), título user@glpi:~/login, labels com prompt '>', cursor '_' piscando no h2, botão '$ ENTRAR' outline que preenche no hover. - sunset-mesh: borderless padrão Linear/Vercel — sem card, coluna estreita direto no mesh, inputs underline, botão pill. - aurora-glass: glass compacto centrado (26rem) abraçando o form, inputs pill e dois blobs de aurora animados (keyframes) atrás. Todos estilizam select2 do dropdown de origem de login e têm fallback responsivo (painel/terminal centralizam em telas estreitas). Previews regenerados refletindo o layout de cada tema. Co-Authored-By: Claude Fable 5 --- themes/aurora-glass/login.css | 81 ++++++++++- themes/aurora-glass/login.preview.jpg | Bin 7894 -> 7744 bytes themes/aurora-glass/login.scss | 80 ++++++++++- themes/carbon-neon/login.css | 170 ++++++++++++++++++---- themes/carbon-neon/login.preview.jpg | Bin 6358 -> 6870 bytes themes/carbon-neon/login.scss | 182 +++++++++++++++++++----- themes/nordic-minimal/login.css | 110 +++++++++++--- themes/nordic-minimal/login.preview.jpg | Bin 4903 -> 8325 bytes themes/nordic-minimal/login.scss | 119 +++++++++++++--- themes/sunset-mesh/login.css | 91 ++++++++---- themes/sunset-mesh/login.preview.jpg | Bin 7159 -> 6923 bytes themes/sunset-mesh/login.scss | 92 ++++++++---- 12 files changed, 762 insertions(+), 163 deletions(-) diff --git a/themes/aurora-glass/login.css b/themes/aurora-glass/login.css index 43dc6b5..5227fef 100644 --- a/themes/aurora-glass/login.css +++ b/themes/aurora-glass/login.css @@ -1,5 +1,6 @@ @charset "UTF-8"; -/* Tema Aurora Glass — glassmorphism escuro com aurora */ +/* Tema Aurora Glass — cartão de vidro compacto centrado, inputs pill, + blobs de aurora animados flutuando */ body.welcome-anonymous, body.login-page, main.page-anonymous { @@ -9,21 +10,82 @@ main.page-anonymous { background-attachment: fixed; } +/* blobs animados flutuando atrás do cartão */ +main.page-anonymous { + position: relative; + overflow: hidden; +} +main.page-anonymous::before, main.page-anonymous::after { + content: ""; + position: fixed; + width: 420px; + height: 420px; + border-radius: 50%; + filter: blur(70px); + opacity: 0.5; + pointer-events: none; + z-index: 0; +} +main.page-anonymous::before { + background: radial-gradient(circle, rgba(124, 108, 255, 0.55), transparent 65%); + top: -120px; + left: -80px; + animation: butterfly-float-a 14s ease-in-out infinite alternate; +} +main.page-anonymous::after { + background: radial-gradient(circle, rgba(45, 212, 191, 0.45), transparent 65%); + bottom: -140px; + right: -60px; + animation: butterfly-float-b 17s ease-in-out infinite alternate; +} + +@keyframes butterfly-float-a { + from { + transform: translate(0, 0) scale(1); + } + to { + transform: translate(70px, 50px) scale(1.15); + } +} +@keyframes butterfly-float-b { + from { + transform: translate(0, 0) scale(1.1); + } + to { + transform: translate(-60px, -50px) scale(0.95); + } +} +/* cartão compacto que abraça o form */ +.page-anonymous .container-tight { + max-width: 26rem !important; + position: relative; + z-index: 1; +} + .page-anonymous .main-content-card .card-body { background: rgba(255, 255, 255, 0.07); backdrop-filter: blur(18px); -webkit-backdrop-filter: blur(18px); border: 1px solid rgba(255, 255, 255, 0.14); - border-radius: 20px; + border-radius: 26px; padding: 2.2rem !important; box-shadow: 0 24px 60px rgba(0, 0, 0, 0.45); } +.page-anonymous .main-content-card .col-md-5 { + width: 100% !important; + max-width: none; + flex: 1 1 100%; +} + .page-anonymous .card-header { color: #f1f5f9; border: 0; background: transparent; } +.page-anonymous .card-header h2 { + font-weight: 600; +} .page-anonymous .form-label, .page-anonymous .form-check-label, @@ -33,13 +95,14 @@ main.page-anonymous { color: #cbd5e1 !important; } +/* inputs pill */ .page-anonymous .form-control, .page-anonymous .form-select { background: rgba(255, 255, 255, 0.08); border: 1px solid rgba(255, 255, 255, 0.16); - border-radius: 12px; + border-radius: 999px; color: #f8fafc; - padding: 0.65rem 0.85rem; + padding: 0.65rem 1.2rem; } .page-anonymous .form-control::placeholder, .page-anonymous .form-select::placeholder { @@ -53,6 +116,12 @@ main.page-anonymous { color: #ffffff; } +.page-anonymous .select2-container .select2-selection { + background: rgba(255, 255, 255, 0.08); + border: 1px solid rgba(255, 255, 255, 0.16); + border-radius: 999px; +} + .page-anonymous .form-check-input { background-color: rgba(255, 255, 255, 0.12); border-color: rgba(255, 255, 255, 0.25); @@ -61,9 +130,9 @@ main.page-anonymous { .page-anonymous .btn.btn-primary { background: linear-gradient(135deg, #7c6cff 0%, #4f8bff 100%); border: 0; - border-radius: 12px; + border-radius: 999px; color: #ffffff; - padding: 0.7rem; + padding: 0.72rem; font-weight: 600; letter-spacing: 0.02em; transition: transform 0.15s ease, box-shadow 0.15s ease; diff --git a/themes/aurora-glass/login.preview.jpg b/themes/aurora-glass/login.preview.jpg index c224515ffa9afc7c00933cc524193f157e4ae177..01e3ef36e504611e527b00ad3fb895776bc24a98 100644 GIT binary patch delta 5113 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 NN{K$g`G6TT_+RgrViW)X diff --git a/themes/aurora-glass/login.scss b/themes/aurora-glass/login.scss index 2f778b8..50ea157 100644 --- a/themes/aurora-glass/login.scss +++ b/themes/aurora-glass/login.scss @@ -1,4 +1,5 @@ -/* Tema Aurora Glass — glassmorphism escuro com aurora */ +/* Tema Aurora Glass — cartão de vidro compacto centrado, inputs pill, + blobs de aurora animados flutuando */ $btn-background-color: #7c6cff !default; $btn-foreground-color: #ffffff !default; @@ -16,20 +17,80 @@ main.page-anonymous { background-attachment: fixed; } +/* blobs animados flutuando atrás do cartão */ +main.page-anonymous { + position: relative; + overflow: hidden; + + &::before, + &::after { + content: ""; + position: fixed; + width: 420px; + height: 420px; + border-radius: 50%; + filter: blur(70px); + opacity: 0.5; + pointer-events: none; + z-index: 0; + } + + &::before { + background: radial-gradient(circle, rgba(124, 108, 255, 0.55), transparent 65%); + top: -120px; + left: -80px; + animation: butterfly-float-a 14s ease-in-out infinite alternate; + } + + &::after { + background: radial-gradient(circle, rgba(45, 212, 191, 0.45), transparent 65%); + bottom: -140px; + right: -60px; + animation: butterfly-float-b 17s ease-in-out infinite alternate; + } +} + +@keyframes butterfly-float-a { + from { transform: translate(0, 0) scale(1); } + to { transform: translate(70px, 50px) scale(1.15); } +} + +@keyframes butterfly-float-b { + from { transform: translate(0, 0) scale(1.1); } + to { transform: translate(-60px, -50px) scale(0.95); } +} + +/* cartão compacto que abraça o form */ +.page-anonymous .container-tight { + max-width: 26rem !important; + position: relative; + z-index: 1; +} + .page-anonymous .main-content-card .card-body { background: rgba(255, 255, 255, 0.07); backdrop-filter: blur(18px); -webkit-backdrop-filter: blur(18px); border: 1px solid rgba(255, 255, 255, 0.14); - border-radius: 20px; + border-radius: 26px; padding: 2.2rem !important; box-shadow: 0 24px 60px rgba(0, 0, 0, 0.45); } +.page-anonymous .main-content-card .col-md-5 { + width: 100% !important; + max-width: none; + flex: 1 1 100%; +} + .page-anonymous .card-header { color: #f1f5f9; border: 0; background: transparent; + + h2 { + font-weight: 600; + } } .page-anonymous .form-label, @@ -40,13 +101,14 @@ main.page-anonymous { color: #cbd5e1 !important; } +/* inputs pill */ .page-anonymous .form-control, .page-anonymous .form-select { background: rgba(255, 255, 255, 0.08); border: 1px solid rgba(255, 255, 255, 0.16); - border-radius: 12px; + border-radius: 999px; color: #f8fafc; - padding: 0.65rem 0.85rem; + padding: 0.65rem 1.2rem; &::placeholder { color: rgba(241, 245, 249, 0.45); @@ -60,6 +122,12 @@ main.page-anonymous { } } +.page-anonymous .select2-container .select2-selection { + background: rgba(255, 255, 255, 0.08); + border: 1px solid rgba(255, 255, 255, 0.16); + border-radius: 999px; +} + .page-anonymous .form-check-input { background-color: rgba(255, 255, 255, 0.12); border-color: rgba(255, 255, 255, 0.25); @@ -68,9 +136,9 @@ main.page-anonymous { .page-anonymous .btn.btn-primary { background: linear-gradient(135deg, $btn-background-color 0%, #4f8bff 100%); border: 0; - border-radius: 12px; + border-radius: 999px; color: $btn-foreground-color; - padding: 0.7rem; + padding: 0.72rem; font-weight: 600; letter-spacing: 0.02em; transition: transform 0.15s ease, box-shadow 0.15s ease; diff --git a/themes/carbon-neon/login.css b/themes/carbon-neon/login.css index 8e3e331..403c14c 100644 --- a/themes/carbon-neon/login.css +++ b/themes/carbon-neon/login.css @@ -1,45 +1,127 @@ @charset "UTF-8"; -/* Tema Carbon Neon — dark tech com glow ciano */ +/* Tema Carbon Neon — janela de terminal ancorada à esquerda, + prompt nos labels e cursor piscando (estética dev/hacker) */ body.welcome-anonymous, body.login-page, main.page-anonymous { min-height: 100vh; background-color: #07090d; - background-image: radial-gradient(55% 45% at 50% 0%, rgba(0, 229, 199, 0.14) 0%, transparent 70%), radial-gradient(40% 40% at 90% 90%, rgba(56, 189, 248, 0.1) 0%, transparent 70%), linear-gradient(rgba(148, 163, 184, 0.05) 1px, transparent 1px), linear-gradient(90deg, rgba(148, 163, 184, 0.05) 1px, transparent 1px); + background-image: radial-gradient(55% 45% at 30% 0%, rgba(0, 229, 199, 0.13) 0%, transparent 70%), radial-gradient(40% 40% at 95% 90%, rgba(56, 189, 248, 0.1) 0%, transparent 70%), linear-gradient(rgba(148, 163, 184, 0.05) 1px, transparent 1px), linear-gradient(90deg, rgba(148, 163, 184, 0.05) 1px, transparent 1px); background-size: 100% 100%, 100% 100%, 44px 44px, 44px 44px; background-attachment: fixed; } -.page-anonymous .main-content-card .card-body { - background: rgba(15, 20, 28, 0.92); - border: 1px solid rgba(0, 229, 199, 0.22); - border-radius: 16px; - padding: 2.3rem !important; - box-shadow: 0 0 0 1px rgba(0, 229, 199, 0.06), 0 0 45px rgba(0, 229, 199, 0.1), 0 26px 60px rgba(0, 0, 0, 0.6); +/* janela ancorada à esquerda */ +.page-anonymous .flex-fill.d-flex.flex-column { + align-items: flex-start; } -.page-anonymous .card-header { - color: #e2e8f0; +.page-anonymous .container-tight { + margin-left: 7vw !important; + margin-right: auto !important; + width: 30rem; + max-width: 92vw !important; +} + +.page-anonymous .container-tight .text-center { + text-align: left !important; +} + +.page-anonymous .main-content-card { + font-family: "SFMono-Regular", "JetBrains Mono", Consolas, "Liberation Mono", monospace; +} + +/* title bar do terminal (usa o .card-header vazio do card) */ +.page-anonymous .main-content-card > .card-header { + display: block !important; + height: 38px; + background: #161d27; + border: 1px solid rgba(0, 229, 199, 0.22); + border-bottom: 1px solid rgba(148, 163, 184, 0.15); + border-radius: 12px 12px 0 0; + position: relative; +} +.page-anonymous .main-content-card > .card-header::before { + content: ""; + position: absolute; + left: 16px; + top: 13px; + width: 12px; + height: 12px; + border-radius: 50%; + background: #ff5f56; + box-shadow: 22px 0 0 #ffbd2e, 44px 0 0 #27c93f; +} +.page-anonymous .main-content-card > .card-header::after { + content: "user@glpi: ~/login"; + position: absolute; + left: 0; + right: 0; + top: 9px; + text-align: center; + color: #64748b; + font-size: 0.75rem; +} + +.page-anonymous .main-content-card .card-body { + background: rgba(13, 17, 23, 0.96); + border: 1px solid rgba(0, 229, 199, 0.22); + border-top: 0; + border-radius: 0 0 12px 12px; + padding: 2rem !important; + box-shadow: 0 0 45px rgba(0, 229, 199, 0.1), 0 26px 60px rgba(0, 0, 0, 0.6); +} + +.page-anonymous .main-content-card .col-md-5 { + width: 100% !important; + max-width: none; + flex: 1 1 100%; +} + +.page-anonymous .card-body .card-header { border: 0; background: transparent; + padding-left: 0; +} +.page-anonymous .card-body .card-header h2 { + color: #e2e8f0; + font-size: 1.05rem; font-weight: 600; + text-align: left; + margin: 0 !important; +} +.page-anonymous .card-body .card-header h2::after { + content: "_"; + color: #00e5c7; + animation: butterfly-blink 1.1s steps(1) infinite; } +@keyframes butterfly-blink { + 50% { + opacity: 0; + } +} +/* labels como prompt */ .page-anonymous .form-label { color: #7dd3c8; font-size: 0.78rem; - font-weight: 600; - text-transform: uppercase; - letter-spacing: 0.08em; + letter-spacing: 0.04em; +} +.page-anonymous .form-label::before { + content: "> "; + color: #00e5c7; + font-weight: 700; } .page-anonymous .form-control, .page-anonymous .form-select { - background: rgba(2, 6, 12, 0.75); + background: rgba(2, 6, 12, 0.8); border: 1px solid rgba(148, 163, 184, 0.22); - border-radius: 10px; + border-left: 3px solid rgba(0, 229, 199, 0.45); + border-radius: 4px; color: #e2e8f0; - padding: 0.65rem 0.85rem; + font-family: inherit; + padding: 0.6rem 0.85rem; } .page-anonymous .form-control::placeholder, .page-anonymous .form-select::placeholder { @@ -47,40 +129,66 @@ main.page-anonymous { } .page-anonymous .form-control:focus, .page-anonymous .form-select:focus { - background: rgba(2, 6, 12, 0.9); + background: rgba(2, 6, 12, 0.95); border-color: rgba(0, 229, 199, 0.65); - box-shadow: 0 0 0 0.25rem rgba(0, 229, 199, 0.15), 0 0 18px rgba(0, 229, 199, 0.2); + border-left-color: #00e5c7; + box-shadow: 0 0 18px rgba(0, 229, 199, 0.18); color: #ffffff; } +.page-anonymous .select2-container .select2-selection { + background: rgba(2, 6, 12, 0.8); + border: 1px solid rgba(148, 163, 184, 0.22); + border-left: 3px solid rgba(0, 229, 199, 0.45); + border-radius: 4px; + color: #e2e8f0; +} + .page-anonymous .form-check-input { - background-color: rgba(2, 6, 12, 0.75); + background-color: rgba(2, 6, 12, 0.8); border-color: rgba(148, 163, 184, 0.35); } +.page-anonymous .form-check-label { + color: #94a3b8; + font-size: 0.8rem; +} + .page-anonymous .btn.btn-primary { - background: #00e5c7; - border: 0; - border-radius: 10px; - color: #031a17; - padding: 0.7rem; + background: transparent; + border: 1px solid #00e5c7; + border-radius: 4px; + color: #00e5c7; + padding: 0.65rem; + font-family: inherit; font-weight: 700; - letter-spacing: 0.03em; + letter-spacing: 0.08em; text-transform: uppercase; - font-size: 0.82rem; - box-shadow: 0 0 22px rgba(0, 229, 199, 0.35); - transition: box-shadow 0.15s ease, transform 0.15s ease; + font-size: 0.8rem; + box-shadow: 0 0 18px rgba(0, 229, 199, 0.15); + transition: all 0.15s ease; +} +.page-anonymous .btn.btn-primary::before { + content: "$ "; } .page-anonymous .btn.btn-primary:hover { - transform: translateY(-1px); - box-shadow: 0 0 34px rgba(0, 229, 199, 0.55); + background: #00e5c7; + color: #031a17; + box-shadow: 0 0 34px rgba(0, 229, 199, 0.5); } .page-anonymous .text-muted, .page-anonymous .copyright { - color: #64748b !important; + color: #475569 !important; + font-size: 0.75rem; } .page-anonymous a { color: #00e5c7 !important; +} + +@media (max-width: 768px) { + .page-anonymous .container-tight { + margin: 0 auto !important; + } } \ No newline at end of file diff --git a/themes/carbon-neon/login.preview.jpg b/themes/carbon-neon/login.preview.jpg index b4b7f07033df3e02ba0540242b7ea7d916aa4234..44edba6008dbb71ea3da2d79a4dc0ad75bcc218a 100644 GIT binary patch literal 6870 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 hglHyk!9 literal 6358 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 .card-header { + display: block !important; + height: 38px; + background: #161d27; + border: 1px solid rgba(0, 229, 199, 0.22); + border-bottom: 1px solid rgba(148, 163, 184, 0.15); + border-radius: 12px 12px 0 0; + position: relative; + + &::before { + content: ""; + position: absolute; + left: 16px; + top: 13px; + width: 12px; + height: 12px; + border-radius: 50%; + background: #ff5f56; + box-shadow: 22px 0 0 #ffbd2e, 44px 0 0 #27c93f; + } + + &::after { + content: "user@glpi: ~/login"; + position: absolute; + left: 0; + right: 0; + top: 9px; + text-align: center; + color: #64748b; + font-size: 0.75rem; + } +} + +.page-anonymous .main-content-card .card-body { + background: rgba(13, 17, 23, 0.96); + border: 1px solid rgba(0, 229, 199, 0.22); + border-top: 0; + border-radius: 0 0 12px 12px; + padding: 2rem !important; + box-shadow: 0 0 45px rgba(0, 229, 199, 0.10), 0 26px 60px rgba(0, 0, 0, 0.60); +} + +.page-anonymous .main-content-card .col-md-5 { + width: 100% !important; + max-width: none; + flex: 1 1 100%; +} + +.page-anonymous .card-body .card-header { border: 0; background: transparent; - font-weight: 600; + padding-left: 0; + + h2 { + color: #e2e8f0; + font-size: 1.05rem; + font-weight: 600; + text-align: left; + margin: 0 !important; + + &::after { + content: "_"; + color: #00e5c7; + animation: butterfly-blink 1.1s steps(1) infinite; + } + } } +@keyframes butterfly-blink { + 50% { opacity: 0; } +} + +/* labels como prompt */ .page-anonymous .form-label { color: #7dd3c8; font-size: 0.78rem; - font-weight: 600; - text-transform: uppercase; - letter-spacing: 0.08em; + letter-spacing: 0.04em; + + &::before { + content: "> "; + color: #00e5c7; + font-weight: 700; + } } .page-anonymous .form-control, .page-anonymous .form-select { - background: rgba(2, 6, 12, 0.75); + background: rgba(2, 6, 12, 0.8); border: 1px solid rgba(148, 163, 184, 0.22); - border-radius: 10px; + border-left: 3px solid rgba(0, 229, 199, 0.45); + border-radius: 4px; color: #e2e8f0; - padding: 0.65rem 0.85rem; + font-family: inherit; + padding: 0.6rem 0.85rem; &::placeholder { color: rgba(148, 163, 184, 0.45); } &:focus { - background: rgba(2, 6, 12, 0.9); + background: rgba(2, 6, 12, 0.95); border-color: rgba(0, 229, 199, 0.65); - box-shadow: 0 0 0 0.25rem rgba(0, 229, 199, 0.15), 0 0 18px rgba(0, 229, 199, 0.20); + border-left-color: #00e5c7; + box-shadow: 0 0 18px rgba(0, 229, 199, 0.18); color: #ffffff; } } +.page-anonymous .select2-container .select2-selection { + background: rgba(2, 6, 12, 0.8); + border: 1px solid rgba(148, 163, 184, 0.22); + border-left: 3px solid rgba(0, 229, 199, 0.45); + border-radius: 4px; + color: #e2e8f0; +} + .page-anonymous .form-check-input { - background-color: rgba(2, 6, 12, 0.75); + background-color: rgba(2, 6, 12, 0.8); border-color: rgba(148, 163, 184, 0.35); } +.page-anonymous .form-check-label { + color: #94a3b8; + font-size: 0.8rem; +} + .page-anonymous .btn.btn-primary { - background: $btn-background-color; - border: 0; - border-radius: 10px; - color: $btn-foreground-color; - padding: 0.7rem; + background: transparent; + border: 1px solid $btn-background-color; + border-radius: 4px; + color: $btn-background-color; + padding: 0.65rem; + font-family: inherit; font-weight: 700; - letter-spacing: 0.03em; + letter-spacing: 0.08em; text-transform: uppercase; - font-size: 0.82rem; - box-shadow: 0 0 22px rgba(0, 229, 199, 0.35); - transition: box-shadow 0.15s ease, transform 0.15s ease; + font-size: 0.8rem; + box-shadow: 0 0 18px rgba(0, 229, 199, 0.15); + transition: all 0.15s ease; + + &::before { + content: "$ "; + } &:hover { - transform: translateY(-1px); - box-shadow: 0 0 34px rgba(0, 229, 199, 0.55); + background: $btn-background-color; + color: $btn-foreground-color; + box-shadow: 0 0 34px rgba(0, 229, 199, 0.5); } } .page-anonymous .text-muted, .page-anonymous .copyright { - color: #64748b !important; + color: #475569 !important; + font-size: 0.75rem; } .page-anonymous a { color: #00e5c7 !important; } + +@media (max-width: 768px) { + .page-anonymous .container-tight { + margin: 0 auto !important; + } +} diff --git a/themes/nordic-minimal/login.css b/themes/nordic-minimal/login.css index d0a9f96..b7f9d7a 100644 --- a/themes/nordic-minimal/login.css +++ b/themes/nordic-minimal/login.css @@ -1,36 +1,97 @@ @charset "UTF-8"; -/* Tema Nordic Minimal — claro, limpo, escandinavo */ +/* Tema Nordic Minimal — split-screen: painel branco full-height à direita, + fundo decorativo à esquerda (padrão Stripe/Notion) */ body.welcome-anonymous, body.login-page, main.page-anonymous { min-height: 100vh; - background-color: #f4f6f8; - background-image: linear-gradient(rgba(30, 58, 95, 0.045) 1px, transparent 1px), linear-gradient(90deg, rgba(30, 58, 95, 0.045) 1px, transparent 1px), radial-gradient(60% 50% at 100% 0%, rgba(30, 58, 95, 0.07) 0%, transparent 70%); - background-size: 32px 32px, 32px 32px, 100% 100%; + background-color: #eef2f6; + background-image: linear-gradient(rgba(30, 58, 95, 0.05) 1px, transparent 1px), linear-gradient(90deg, rgba(30, 58, 95, 0.05) 1px, transparent 1px), radial-gradient(45% 60% at 25% 35%, rgba(30, 58, 95, 0.16) 0%, transparent 70%), radial-gradient(35% 45% at 10% 80%, rgba(96, 165, 250, 0.18) 0%, transparent 70%); + background-size: 36px 36px, 36px 36px, 100% 100%, 100% 100%; background-attachment: fixed; } -.page-anonymous .main-content-card .card-body { +/* anéis decorativos no lado esquerdo livre */ +main.page-anonymous { + position: relative; +} +main.page-anonymous::before { + content: ""; + position: fixed; + left: 8vw; + top: 50%; + transform: translateY(-50%); + width: 340px; + height: 340px; + border: 2px solid rgba(30, 58, 95, 0.14); + border-radius: 50%; + pointer-events: none; +} +main.page-anonymous::after { + content: ""; + position: fixed; + left: calc(8vw + 60px); + top: calc(50% - 110px); + width: 220px; + height: 220px; + border: 2px dashed rgba(30, 58, 95, 0.2); + border-radius: 50%; + pointer-events: none; +} + +/* painel branco ancorado à direita, altura total */ +.page-anonymous .flex-fill.d-flex.flex-column { + padding: 0 !important; + margin: 0 !important; + min-height: 100vh; + align-items: flex-end; +} + +.page-anonymous .container-tight { + margin: 0 !important; + width: 30rem; + max-width: 100vw !important; + min-height: 100vh; + display: flex; + flex-direction: column; + justify-content: center; background: #ffffff; - border: 1px solid #e8ecf1; - border-radius: 16px; - padding: 2.4rem !important; - box-shadow: 0 20px 50px rgba(30, 58, 95, 0.1), 0 2px 8px rgba(30, 58, 95, 0.05); + padding: 2rem 3.2rem !important; + box-shadow: -32px 0 70px rgba(30, 58, 95, 0.16); +} + +.page-anonymous .container-tight .text-center { + text-align: left !important; +} + +.page-anonymous .main-content-card .card-body { + padding: 0 !important; +} + +.page-anonymous .main-content-card .col-md-5 { + width: 100% !important; + max-width: none; + flex: 1 1 100%; } .page-anonymous .card-header { - color: #1e293b; border: 0; background: transparent; - font-weight: 600; + padding-left: 0; +} +.page-anonymous .card-header h2 { + color: #1e293b; + font-weight: 700; + margin: 0 !important; + text-align: left; } .page-anonymous .form-label { color: #475569; - font-weight: 500; - font-size: 0.8rem; + font-weight: 600; + font-size: 0.76rem; text-transform: uppercase; - letter-spacing: 0.06em; + letter-spacing: 0.08em; } .page-anonymous .form-control, @@ -39,7 +100,7 @@ main.page-anonymous { border: 1px solid #dfe5ec; border-radius: 10px; color: #1e293b; - padding: 0.65rem 0.85rem; + padding: 0.7rem 0.9rem; transition: border-color 0.15s ease, box-shadow 0.15s ease; } .page-anonymous .form-control:focus, @@ -49,12 +110,18 @@ main.page-anonymous { box-shadow: 0 0 0 0.25rem rgba(30, 58, 95, 0.12); } +.page-anonymous .select2-container .select2-selection { + background: #fafbfc; + border: 1px solid #dfe5ec; + border-radius: 10px; +} + .page-anonymous .btn.btn-primary { background: #1e3a5f; border: 0; border-radius: 10px; color: #ffffff; - padding: 0.7rem; + padding: 0.75rem; font-weight: 600; transition: filter 0.15s ease, transform 0.15s ease; } @@ -70,4 +137,15 @@ main.page-anonymous { .page-anonymous a { color: #1e3a5f !important; +} + +@media (max-width: 900px) { + .page-anonymous .container-tight { + width: 100vw; + box-shadow: none; + } + main.page-anonymous::before, + main.page-anonymous::after { + display: none; + } } \ No newline at end of file diff --git a/themes/nordic-minimal/login.preview.jpg b/themes/nordic-minimal/login.preview.jpg index f770efcad6c01d4784871f77f1e43537c908bd2f..daffa91b76e8e7540eaa72b2e0d7dcbe5217d504 100644 GIT binary patch literal 8325 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 literal 4903 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 HfLs0rk`L%| diff --git a/themes/nordic-minimal/login.scss b/themes/nordic-minimal/login.scss index 0fa5512..82e58e5 100644 --- a/themes/nordic-minimal/login.scss +++ b/themes/nordic-minimal/login.scss @@ -1,4 +1,5 @@ -/* Tema Nordic Minimal — claro, limpo, escandinavo */ +/* Tema Nordic Minimal — split-screen: painel branco full-height à direita, + fundo decorativo à esquerda (padrão Stripe/Notion) */ $btn-background-color: #1e3a5f !default; $btn-foreground-color: #ffffff !default; @@ -7,36 +8,100 @@ body.welcome-anonymous, body.login-page, main.page-anonymous { min-height: 100vh; - background-color: #f4f6f8; + background-color: #eef2f6; background-image: - linear-gradient(rgba(30, 58, 95, 0.045) 1px, transparent 1px), - linear-gradient(90deg, rgba(30, 58, 95, 0.045) 1px, transparent 1px), - radial-gradient(60% 50% at 100% 0%, rgba(30, 58, 95, 0.07) 0%, transparent 70%); - background-size: 32px 32px, 32px 32px, 100% 100%; + linear-gradient(rgba(30, 58, 95, 0.05) 1px, transparent 1px), + linear-gradient(90deg, rgba(30, 58, 95, 0.05) 1px, transparent 1px), + radial-gradient(45% 60% at 25% 35%, rgba(30, 58, 95, 0.16) 0%, transparent 70%), + radial-gradient(35% 45% at 10% 80%, rgba(96, 165, 250, 0.18) 0%, transparent 70%); + background-size: 36px 36px, 36px 36px, 100% 100%, 100% 100%; background-attachment: fixed; } -.page-anonymous .main-content-card .card-body { +/* anéis decorativos no lado esquerdo livre */ +main.page-anonymous { + position: relative; + + &::before { + content: ""; + position: fixed; + left: 8vw; + top: 50%; + transform: translateY(-50%); + width: 340px; + height: 340px; + border: 2px solid rgba(30, 58, 95, 0.14); + border-radius: 50%; + pointer-events: none; + } + + &::after { + content: ""; + position: fixed; + left: calc(8vw + 60px); + top: calc(50% - 110px); + width: 220px; + height: 220px; + border: 2px dashed rgba(30, 58, 95, 0.20); + border-radius: 50%; + pointer-events: none; + } +} + +/* painel branco ancorado à direita, altura total */ +.page-anonymous .flex-fill.d-flex.flex-column { + padding: 0 !important; + margin: 0 !important; + min-height: 100vh; + align-items: flex-end; +} + +.page-anonymous .container-tight { + margin: 0 !important; + width: 30rem; + max-width: 100vw !important; + min-height: 100vh; + display: flex; + flex-direction: column; + justify-content: center; background: #ffffff; - border: 1px solid #e8ecf1; - border-radius: 16px; - padding: 2.4rem !important; - box-shadow: 0 20px 50px rgba(30, 58, 95, 0.10), 0 2px 8px rgba(30, 58, 95, 0.05); + padding: 2rem 3.2rem !important; + box-shadow: -32px 0 70px rgba(30, 58, 95, 0.16); +} + +.page-anonymous .container-tight .text-center { + text-align: left !important; +} + +.page-anonymous .main-content-card .card-body { + padding: 0 !important; +} + +.page-anonymous .main-content-card .col-md-5 { + width: 100% !important; + max-width: none; + flex: 1 1 100%; } .page-anonymous .card-header { - color: #1e293b; border: 0; background: transparent; - font-weight: 600; + padding-left: 0; + + h2 { + color: #1e293b; + font-weight: 700; + margin: 0 !important; + text-align: left; + } } .page-anonymous .form-label { color: #475569; - font-weight: 500; - font-size: 0.8rem; + font-weight: 600; + font-size: 0.76rem; text-transform: uppercase; - letter-spacing: 0.06em; + letter-spacing: 0.08em; } .page-anonymous .form-control, @@ -45,7 +110,7 @@ main.page-anonymous { border: 1px solid #dfe5ec; border-radius: 10px; color: #1e293b; - padding: 0.65rem 0.85rem; + padding: 0.7rem 0.9rem; transition: border-color 0.15s ease, box-shadow 0.15s ease; &:focus { @@ -55,12 +120,18 @@ main.page-anonymous { } } +.page-anonymous .select2-container .select2-selection { + background: #fafbfc; + border: 1px solid #dfe5ec; + border-radius: 10px; +} + .page-anonymous .btn.btn-primary { background: $btn-background-color; border: 0; border-radius: 10px; color: $btn-foreground-color; - padding: 0.7rem; + padding: 0.75rem; font-weight: 600; transition: filter 0.15s ease, transform 0.15s ease; @@ -78,3 +149,15 @@ main.page-anonymous { .page-anonymous a { color: #1e3a5f !important; } + +@media (max-width: 900px) { + .page-anonymous .container-tight { + width: 100vw; + box-shadow: none; + } + + main.page-anonymous::before, + main.page-anonymous::after { + display: none; + } +} diff --git a/themes/sunset-mesh/login.css b/themes/sunset-mesh/login.css index 3d7a019..5033147 100644 --- a/themes/sunset-mesh/login.css +++ b/themes/sunset-mesh/login.css @@ -1,5 +1,6 @@ @charset "UTF-8"; -/* Tema Sunset Mesh — mesh gradient quente */ +/* Tema Sunset Mesh — borderless: sem card, form flutua direto no mesh, + inputs underline (padrão Linear/Vercel) */ body.welcome-anonymous, body.login-page, main.page-anonymous { @@ -9,57 +10,96 @@ main.page-anonymous { background-attachment: fixed; } +/* coluna estreita, sem card nenhum */ +.page-anonymous .container-tight { + max-width: 24rem !important; +} + .page-anonymous .main-content-card .card-body { - background: rgba(255, 255, 255, 0.72); - backdrop-filter: blur(14px); - -webkit-backdrop-filter: blur(14px); - border: 1px solid rgba(255, 255, 255, 0.85); - border-radius: 22px; - padding: 2.3rem !important; - box-shadow: 0 22px 55px rgba(148, 63, 106, 0.22); + background: transparent; + border: 0; + box-shadow: none; + padding: 0 !important; +} + +.page-anonymous .main-content-card .col-md-5 { + width: 100% !important; + max-width: none; + flex: 1 1 100%; } .page-anonymous .card-header { - color: #3b1d54; border: 0; background: transparent; - font-weight: 700; +} +.page-anonymous .card-header h2 { + color: #2d1b45; + font-size: 1.6rem; + font-weight: 800; + letter-spacing: -0.02em; } .page-anonymous .form-label { color: #6b4a7e; - font-weight: 500; + font-weight: 600; + font-size: 0.8rem; } +/* inputs underline: sem caixa */ .page-anonymous .form-control, .page-anonymous .form-select { - background: rgba(255, 255, 255, 0.85); - border: 1px solid rgba(196, 113, 245, 0.3); - border-radius: 12px; - color: #3b1d54; - padding: 0.65rem 0.85rem; + background: transparent; + border: 0; + border-bottom: 2px solid rgba(59, 29, 84, 0.3); + border-radius: 0; + color: #2d1b45; + padding: 0.55rem 0.15rem; + transition: border-color 0.2s ease; +} +.page-anonymous .form-control::placeholder, +.page-anonymous .form-select::placeholder { + color: rgba(59, 29, 84, 0.35); } .page-anonymous .form-control:focus, .page-anonymous .form-select:focus { - background: #ffffff; - border-color: #c471f5; - box-shadow: 0 0 0 0.25rem rgba(196, 113, 245, 0.2); + background: transparent; + border-bottom-color: #7828c8; + box-shadow: none; + outline: 0; } +.page-anonymous .select2-container .select2-selection { + background: transparent; + border: 0; + border-bottom: 2px solid rgba(59, 29, 84, 0.3); + border-radius: 0; +} + +.page-anonymous .form-check-input { + background-color: rgba(255, 255, 255, 0.6); + border-color: rgba(59, 29, 84, 0.35); +} + +.page-anonymous .form-check-label { + color: #6b4a7e; +} + +/* botão pill largo */ .page-anonymous .btn.btn-primary { background: #1f1235; border: 0; - border-radius: 12px; + border-radius: 999px; color: #ffffff; - padding: 0.7rem; - font-weight: 600; + padding: 0.8rem; + font-weight: 700; letter-spacing: 0.02em; - box-shadow: 0 12px 26px rgba(31, 18, 53, 0.35); + margin-top: 0.5rem; + box-shadow: 0 14px 30px rgba(31, 18, 53, 0.35); transition: transform 0.15s ease, box-shadow 0.15s ease; } .page-anonymous .btn.btn-primary:hover { - transform: translateY(-1px); - box-shadow: 0 16px 32px rgba(31, 18, 53, 0.45); + transform: translateY(-2px); + box-shadow: 0 20px 40px rgba(31, 18, 53, 0.45); } .page-anonymous .text-muted, @@ -69,4 +109,5 @@ main.page-anonymous { .page-anonymous a { color: #7828c8 !important; + font-weight: 600; } \ No newline at end of file diff --git a/themes/sunset-mesh/login.preview.jpg b/themes/sunset-mesh/login.preview.jpg index 6ab96170acb76594f17c368571d3f409528527aa..55c5b62c9cd49129bbab6270c28a39dc842322d0 100644 GIT binary patch delta 5335 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 diff --git a/themes/sunset-mesh/login.scss b/themes/sunset-mesh/login.scss index 56b76da..52c09b5 100644 --- a/themes/sunset-mesh/login.scss +++ b/themes/sunset-mesh/login.scss @@ -1,4 +1,5 @@ -/* Tema Sunset Mesh — mesh gradient quente */ +/* Tema Sunset Mesh — borderless: sem card, form flutua direto no mesh, + inputs underline (padrão Linear/Vercel) */ $btn-background-color: #1f1235 !default; $btn-foreground-color: #ffffff !default; @@ -16,57 +17,97 @@ main.page-anonymous { background-attachment: fixed; } +/* coluna estreita, sem card nenhum */ +.page-anonymous .container-tight { + max-width: 24rem !important; +} + .page-anonymous .main-content-card .card-body { - background: rgba(255, 255, 255, 0.72); - backdrop-filter: blur(14px); - -webkit-backdrop-filter: blur(14px); - border: 1px solid rgba(255, 255, 255, 0.85); - border-radius: 22px; - padding: 2.3rem !important; - box-shadow: 0 22px 55px rgba(148, 63, 106, 0.22); + background: transparent; + border: 0; + box-shadow: none; + padding: 0 !important; +} + +.page-anonymous .main-content-card .col-md-5 { + width: 100% !important; + max-width: none; + flex: 1 1 100%; } .page-anonymous .card-header { - color: #3b1d54; border: 0; background: transparent; - font-weight: 700; + + h2 { + color: #2d1b45; + font-size: 1.6rem; + font-weight: 800; + letter-spacing: -0.02em; + } } .page-anonymous .form-label { color: #6b4a7e; - font-weight: 500; + font-weight: 600; + font-size: 0.8rem; } +/* inputs underline: sem caixa */ .page-anonymous .form-control, .page-anonymous .form-select { - background: rgba(255, 255, 255, 0.85); - border: 1px solid rgba(196, 113, 245, 0.30); - border-radius: 12px; - color: #3b1d54; - padding: 0.65rem 0.85rem; + background: transparent; + border: 0; + border-bottom: 2px solid rgba(59, 29, 84, 0.30); + border-radius: 0; + color: #2d1b45; + padding: 0.55rem 0.15rem; + transition: border-color 0.2s ease; + + &::placeholder { + color: rgba(59, 29, 84, 0.35); + } &:focus { - background: #ffffff; - border-color: #c471f5; - box-shadow: 0 0 0 0.25rem rgba(196, 113, 245, 0.20); + background: transparent; + border-bottom-color: #7828c8; + box-shadow: none; + outline: 0; } } +.page-anonymous .select2-container .select2-selection { + background: transparent; + border: 0; + border-bottom: 2px solid rgba(59, 29, 84, 0.30); + border-radius: 0; +} + +.page-anonymous .form-check-input { + background-color: rgba(255, 255, 255, 0.6); + border-color: rgba(59, 29, 84, 0.35); +} + +.page-anonymous .form-check-label { + color: #6b4a7e; +} + +/* botão pill largo */ .page-anonymous .btn.btn-primary { background: $btn-background-color; border: 0; - border-radius: 12px; + border-radius: 999px; color: $btn-foreground-color; - padding: 0.7rem; - font-weight: 600; + padding: 0.8rem; + font-weight: 700; letter-spacing: 0.02em; - box-shadow: 0 12px 26px rgba(31, 18, 53, 0.35); + margin-top: 0.5rem; + box-shadow: 0 14px 30px rgba(31, 18, 53, 0.35); transition: transform 0.15s ease, box-shadow 0.15s ease; &:hover { - transform: translateY(-1px); - box-shadow: 0 16px 32px rgba(31, 18, 53, 0.45); + transform: translateY(-2px); + box-shadow: 0 20px 40px rgba(31, 18, 53, 0.45); } } @@ -77,4 +118,5 @@ main.page-anonymous { .page-anonymous a { color: #7828c8 !important; + font-weight: 600; }