@charset "UTF-8"; /* ===================================================================== Company branding overlay for Defguard inject ผ่าน nginx sub_filter ไม่ได้แก้โค้ด defguard หมายเหตุการออกแบบ 1. โลโก้ใช้ 2 ไฟล์เพื่อรักษาสีแบรนด์จริง light -> logo-light.svg (#0066b3) dark -> logo-dark.svg (#ffffff) defguard ตั้ง data-theme บน เป็น light หรือ dark เท่านั้น ไม่มีโหมด auto จึงใช้ attribute selector ได้ตรง ๆ 2. ใส่ !important ในกฎที่ใช้ซ่อนของเดิม เพราะ CSS ของ defguard ใช้ selector ที่ specificity สูงกว่า และใช้ font: shorthand ซึ่งทับ font-size ได้ 3. กรอบโลโก้ตั้งตามอัตราส่วน viewBox ที่ crop แล้ว 396.08:56.59 แก้ข้อความได้ที่บรรทัด content: แล้ว hard refresh ที่ browser ไม่ต้อง reload nginx เพราะเป็นไฟล์ static ===================================================================== */ /* ---------- 1. โลโก้หน้า login ---------- */ #login-page svg.login-logo { display: none !important; } #login-page > .main-track > main::before { content: ''; display: block; flex: none; width: 210px; height: 30px; background-image: url('/brand/logo-light.svg'); background-repeat: no-repeat; background-position: left center; background-size: contain; } html[data-theme='dark'] #login-page > .main-track > main::before { background-image: url('/brand/logo-dark.svg'); } /* ---------- 2. โลโก้หน้า loading splash ---------- */ #app-loader-page > svg.login-logo { display: none !important; } #app-loader-page::before { content: ''; display: block; width: 320px; height: 46px; background-image: url('/brand/logo-light.svg'); background-repeat: no-repeat; background-position: center; background-size: contain; } html[data-theme='dark'] #app-loader-page::before { background-image: url('/brand/logo-dark.svg'); } /* ---------- 3. โลโก้แถบ navigation หลัง login ---------- */ .navigation > .top > svg { display: none !important; } .navigation > .top::before { content: ''; display: block; flex: none; width: 154px; height: 22px; background-image: url('/brand/logo-light.svg'); background-repeat: no-repeat; background-position: left center; background-size: contain; } html[data-theme='dark'] .navigation > .top::before { background-image: url('/brand/logo-dark.svg'); } /* ---------- 4. ข้อความหัวข้อ เฉพาะหน้า login หลัก ---------- :has(#login-main-form) จำกัดขอบเขตไม่ให้ทับหัวข้อหน้า MFA และ recovery */ #login-page:has(#login-main-form) h1 { font-size: 0 !important; } #login-page:has(#login-main-form) h1::after { content: 'Welcome to SafeNet'; font: var(--t-title-h4); color: var(--fg-default); } #login-page:has(#login-main-form) h2 { font-size: 0 !important; } #login-page:has(#login-main-form) h2::after { content: 'Please enter your credentials to enter your account'; font: var(--t-body-primary-400); color: var(--fg-muted); } /* ---------- 5. ท้ายหน้า login ---------- ค่าเริ่มต้นคงประกาศลิขสิทธิ์ของ Defguard ไว้ แล้วต่อท้ายชื่อผู้ให้บริการ Defguard เผยแพร่ภายใต้ AGPL v3 การลบประกาศลิขสิทธิ์ของผู้พัฒนาออก ควรผ่านการพิจารณาของฝ่ายกฎหมายก่อน */ #login-page > .main-track > main footer p::after { content: ' · Operated by Movaci'; color: var(--fg-muted); }