rodolpho.lopes/butterfly
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

Fix temas: background não aparecia (body do login é .welcome-anonymous)

Browse source 
O body da tela de login do GLPI 11 é <body class="welcome-anonymous">;
.page-anonymous fica no <main>. Os seletores body.page-anonymous nunca
casavam e o cinza padrão do Tabler ficava por cima. Agora o fundo é
aplicado em body.welcome-anonymous, body.login-page e main.page-anonymous
(background-attachment: fixed alinha as camadas no viewport).

Gotcha de dev: o cache do compileScss é chaveado pelo texto do @import,
não pelo conteúdo do arquivo — editar login.scss exige ?reload=1 na URL
do login para recompilar.

Co-Authored-By: Claude Fable 5 <noreply@anthropic.com>
This commit is contained in:
Claude 2026-07-03 20:31:32 -03:00
parent 9c05c3e35d
commit fc6e04e659
8 changed files with 24 additions and 8 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

4
themes/aurora-glass/login.css
View file

@ -1,6 +1,8 @@
@charset "UTF-8"; @charset "UTF-8";
/* Tema Aurora Glass — glassmorphism escuro com aurora */ /* Tema Aurora Glass — glassmorphism escuro com aurora */
body.page-anonymous { body.welcome-anonymous,
body.login-page,
main.page-anonymous {
min-height: 100vh; min-height: 100vh;
background-color: #0b0e1a; background-color: #0b0e1a;
background-image: radial-gradient(40% 55% at 15% 20%, rgba(124, 108, 255, 0.45) 0%, transparent 70%), radial-gradient(45% 60% at 85% 15%, rgba(45, 212, 191, 0.35) 0%, transparent 70%), radial-gradient(50% 65% at 70% 90%, rgba(168, 85, 247, 0.35) 0%, transparent 70%), radial-gradient(35% 45% at 30% 80%, rgba(59, 130, 246, 0.3) 0%, transparent 70%); background-image: radial-gradient(40% 55% at 15% 20%, rgba(124, 108, 255, 0.45) 0%, transparent 70%), radial-gradient(45% 60% at 85% 15%, rgba(45, 212, 191, 0.35) 0%, transparent 70%), radial-gradient(50% 65% at 70% 90%, rgba(168, 85, 247, 0.35) 0%, transparent 70%), radial-gradient(35% 45% at 30% 80%, rgba(59, 130, 246, 0.3) 0%, transparent 70%);

4
themes/aurora-glass/login.scss
View file

@ -3,7 +3,9 @@
$btn-background-color: #7c6cff !default; $btn-background-color: #7c6cff !default;
$btn-foreground-color: #ffffff !default; $btn-foreground-color: #ffffff !default;
body.page-anonymous { body.welcome-anonymous,
body.login-page,
main.page-anonymous {
min-height: 100vh; min-height: 100vh;
background-color: #0b0e1a; background-color: #0b0e1a;
background-image: background-image:

4
themes/carbon-neon/login.css
View file

@ -1,6 +1,8 @@
@charset "UTF-8"; @charset "UTF-8";
/* Tema Carbon Neon — dark tech com glow ciano */ /* Tema Carbon Neon — dark tech com glow ciano */
body.page-anonymous { body.welcome-anonymous,
body.login-page,
main.page-anonymous {
min-height: 100vh; min-height: 100vh;
background-color: #07090d; 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 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);

4
themes/carbon-neon/login.scss
View file

@ -3,7 +3,9 @@
$btn-background-color: #00e5c7 !default; $btn-background-color: #00e5c7 !default;
$btn-foreground-color: #031a17 !default; $btn-foreground-color: #031a17 !default;
body.page-anonymous { body.welcome-anonymous,
body.login-page,
main.page-anonymous {
min-height: 100vh; min-height: 100vh;
background-color: #07090d; background-color: #07090d;
background-image: background-image:

4
themes/nordic-minimal/login.css
View file

@ -1,6 +1,8 @@
@charset "UTF-8"; @charset "UTF-8";
/* Tema Nordic Minimal — claro, limpo, escandinavo */ /* Tema Nordic Minimal — claro, limpo, escandinavo */
body.page-anonymous { body.welcome-anonymous,
body.login-page,
main.page-anonymous {
min-height: 100vh; min-height: 100vh;
background-color: #f4f6f8; 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-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%);

4
themes/nordic-minimal/login.scss
View file

@ -3,7 +3,9 @@
$btn-background-color: #1e3a5f !default; $btn-background-color: #1e3a5f !default;
$btn-foreground-color: #ffffff !default; $btn-foreground-color: #ffffff !default;
body.page-anonymous { body.welcome-anonymous,
body.login-page,
main.page-anonymous {
min-height: 100vh; min-height: 100vh;
background-color: #f4f6f8; background-color: #f4f6f8;
background-image: background-image:

4
themes/sunset-mesh/login.css
View file

@ -1,6 +1,8 @@
@charset "UTF-8"; @charset "UTF-8";
/* Tema Sunset Mesh — mesh gradient quente */ /* Tema Sunset Mesh — mesh gradient quente */
body.page-anonymous { body.welcome-anonymous,
body.login-page,
main.page-anonymous {
min-height: 100vh; min-height: 100vh;
background-color: #fff1eb; background-color: #fff1eb;
background-image: radial-gradient(45% 55% at 10% 15%, rgba(255, 122, 89, 0.55) 0%, transparent 70%), radial-gradient(50% 60% at 90% 10%, rgba(255, 190, 92, 0.5) 0%, transparent 70%), radial-gradient(55% 65% at 85% 85%, rgba(196, 113, 245, 0.4) 0%, transparent 70%), radial-gradient(45% 55% at 15% 90%, rgba(250, 113, 133, 0.45) 0%, transparent 70%); background-image: radial-gradient(45% 55% at 10% 15%, rgba(255, 122, 89, 0.55) 0%, transparent 70%), radial-gradient(50% 60% at 90% 10%, rgba(255, 190, 92, 0.5) 0%, transparent 70%), radial-gradient(55% 65% at 85% 85%, rgba(196, 113, 245, 0.4) 0%, transparent 70%), radial-gradient(45% 55% at 15% 90%, rgba(250, 113, 133, 0.45) 0%, transparent 70%);

4
themes/sunset-mesh/login.scss
View file

@ -3,7 +3,9 @@
$btn-background-color: #1f1235 !default; $btn-background-color: #1f1235 !default;
$btn-foreground-color: #ffffff !default; $btn-foreground-color: #ffffff !default;
body.page-anonymous { body.welcome-anonymous,
body.login-page,
main.page-anonymous {
min-height: 100vh; min-height: 100vh;
background-color: #fff1eb; background-color: #fff1eb;
background-image: background-image: