code-user/Authentik-Login-theme-Glassmorphism
Watch
1
0
Fork
You've already forked Authentik-Login-theme-Glassmorphism
 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions
No description
12 commits 1 branch 0 tags 4.8 MiB
  • CSS 100%
Find a file
Exact
Repository files (latest commit first)
Filename Latest commit message Latest commit date
VULGA 00039399b5 Fix login page glassmorphism bugs for Authentik 2026.5.3 
- Shrink oversized login logo and tighten spacing around it
- Fix user/library background hidden by the new background-wrapper overlay
- Restyle the language selector: reposition inside the box, glassmorphism
  dropdown via base-select, transparent list, click-through icon, stable width
- Update README compatibility to Authentik 2026.5.3 (v4.0)
2026-07-01 17:02:39 +02:00
background.jpg Release 3.0: Full Responsive Redesign, Admin Fixes, & Enhanced Auth Flows 2026-01-07 18:54:49 +01:00
Background_2.0.jpg Release 3.0: Full Responsive Redesign, Admin Fixes, & Enhanced Auth Flows 2026-01-07 18:54:49 +01:00
LICENSE Release 3.0: Full Responsive Redesign, Admin Fixes, & Enhanced Auth Flows 2026-01-07 18:54:49 +01:00
README.md Fix login page glassmorphism bugs for Authentik 2026.5.3 2026-07-01 17:02:39 +02:00
theme.css Fix login page glassmorphism bugs for Authentik 2026.5.3 2026-07-01 17:02:39 +02:00

README.md

Authentik Login-theme: Glassmorphism ✨

A custom glassmorphism login theme for Authentik, designed by VULGA.

✅ Tested and fully compatible with Authentik version 2026.5.3 (Latest)

✨ Features (v4.0)

  • Modern Glassmorphism Design: A complete visual overhaul for a premium look.
  • Full Responsiveness: Optimized for all devices, including mobile/phones.
  • Enhanced Flows: Custom styling for TOTP setup, authentication, and recovery flows.
  • User Settings Redesign: Beautiful and responsive user settings and profile management.
  • Admin Panel Safe: Specific styling isolation ensures the Admin Interface remains untouched and bug-free.
  • Easy Customization: Simple variables to change background and accent colors.

📸 Login Preview

login

📸 User Settings Preview

user-settings

📸 App Dashboard Preview

app list

🧑‍🎨 Author

Designed and maintained by VULGA
Feel free to use, modify, or extend the theme.

🚀 Installation

  1. Clone or download this repository.
  2. Copy the CSS file into your Authentik custom theme section:
    • Admin → System → Brands → Choose your brand and edit it → Brand settings → Custom CSS
  3. Save and refresh the login page.

⚠️ Cloudflare Notice

If you're using Cloudflare with a proxied domain, you might experience issues due to cached CSS.
👉 In that case, purge your Cloudflare cache to ensure changes take effect.

🔓 License

This project is open source and freely available under the MIT License.
You can use, share, and modify it without restriction. License: MIT

Made with ❤️ by VULGA