From 077e9b8d3ca505ba209c55bab23b44066e246600 Mon Sep 17 00:00:00 2001
From: nixpanel <github@hixpanel.io>
Date: Sat, 4 Jul 2026 04:22:10 -0500
Subject: [PATCH] Implement Settings > Login's page styling (v2.2.0)

"Style login page" and "Login logo" existed in the Settings UI with no
implementation behind them at all. New LoginStyle class hooks
login_enqueue_scripts to apply a dark theme (background, form card,
inputs, button) and swap in the configured logo, linked to the site's
home URL instead of wordpress.org.

Co-Authored-By: Claude Sonnet 5 <noreply@anthropic.com>
---
 CHANGELOG.md                   |  10 +++
 admin/src/App/AuroraAdmin.php  |   2 +
 admin/src/Login/LoginStyle.php | 122 +++++++++++++++++++++++++++++++++
 app/package.json               |   2 +-
 aurora-admin.php               |   5 +-
 5 files changed, 138 insertions(+), 3 deletions(-)
 create mode 100644 admin/src/Login/LoginStyle.php

diff --git a/CHANGELOG.md b/CHANGELOG.md
index 67f57c0..16f9f70 100644
--- a/CHANGELOG.md
+++ b/CHANGELOG.md
@@ -5,6 +5,16 @@ version bump. Starts at 2.1.0 — earlier history (the theming rebuild,
 window chrome/taskbar, Site Editor support, etc.) lives in `git log` and
 `PROJECT_STATUS.md`, not reconstructed here.
 
+## [2.2.0] - 2026-07-04
+
+### Added
+- Settings > Login's "Style login page" and "Login logo" fields now
+  actually do something — previously they existed in the UI with no
+  implementation behind them at all. Styles `wp-login.php` with a dark
+  theme (background, card, inputs, button) and swaps in the configured
+  logo image in place of the WordPress logo, linked to the site's home
+  URL instead of wordpress.org.
+
 ## [2.1.1] - 2026-07-04
 
 ### Fixed
diff --git a/admin/src/App/AuroraAdmin.php b/admin/src/App/AuroraAdmin.php
index f37ddcd..4ef3a89 100644
--- a/admin/src/App/AuroraAdmin.php
+++ b/admin/src/App/AuroraAdmin.php
@@ -22,6 +22,7 @@ use AuroraAdmin\Roles\RolesData;
 use AuroraAdmin\ActivityLog\ActivityLog;
 use AuroraAdmin\ActivityLog\ActivityLogData;
 use AuroraAdmin\DatabaseExplorer\DatabaseExplorerData;
+use AuroraAdmin\Login\LoginStyle;
 
 defined("ABSPATH") || exit();
 
@@ -56,5 +57,6 @@ class AuroraAdmin
     new ActivityLog();
     new ActivityLogData();
     new DatabaseExplorerData();
+    new LoginStyle();
   }
 }
diff --git a/admin/src/Login/LoginStyle.php b/admin/src/Login/LoginStyle.php
new file mode 100644
index 0000000..d4cc67a
--- /dev/null
+++ b/admin/src/Login/LoginStyle.php
@@ -0,0 +1,122 @@
+<?php
+namespace AuroraAdmin\Login;
+
+use AuroraAdmin\Options\Settings;
+
+defined("ABSPATH") || exit();
+
+/**
+ * Applies Settings > Login's "Style login page" and "Login logo" fields to
+ * wp-login.php. Both settings existed in the UI with no implementation
+ * behind them until now — this is that implementation.
+ *
+ * Deliberately a single fixed dark theme rather than reusing the admin
+ * shell's per-preset palette system (themePresets.js): the login screen
+ * loads independently of wp-admin, so none of the --aurora-* CSS variables
+ * set on html.aurora-ready are available there, and duplicating the
+ * hue-ramp logic in PHP just to match whichever preset happens to be
+ * selected wasn't worth the upkeep for a first pass.
+ */
+class LoginStyle
+{
+  public function __construct()
+  {
+    add_action("login_enqueue_scripts", [self::class, "print_styles"]);
+    add_filter("login_headerurl", [self::class, "header_url"]);
+  }
+
+  private static function enabled()
+  {
+    return (bool) Settings::get("style_login", false);
+  }
+
+  public static function header_url($url)
+  {
+    return self::enabled() ? home_url("/") : $url;
+  }
+
+  public static function print_styles()
+  {
+    if (!self::enabled()) {
+      return;
+    }
+
+    $logo = trim((string) Settings::get("login_logo", ""));
+    ?>
+    <style>
+      body.login {
+        background: linear-gradient(135deg, #1b2333 0%, #0f1420 100%);
+      }
+      body.login #login h1 a {
+        <?php if ($logo): ?>
+        background-image: url(<?php echo esc_url($logo); ?>);
+        background-size: contain;
+        background-position: center;
+        width: 100%;
+        height: 80px;
+        <?php else: ?>
+        filter: brightness(0) invert(1);
+        <?php endif; ?>
+      }
+      body.login #login {
+        width: 360px;
+      }
+      body.login form#loginform,
+      body.login form#registerform,
+      body.login form#lostpasswordform {
+        background: #1c2333;
+        border: 1px solid rgba(255, 255, 255, 0.08);
+        border-radius: 12px;
+        box-shadow: 0 10px 40px rgba(0, 0, 0, 0.35);
+        padding: 26px 24px 24px;
+      }
+      body.login label {
+        color: #cbd3e1;
+      }
+      body.login input[type="text"],
+      body.login input[type="password"],
+      body.login input[type="email"] {
+        background: #10141f;
+        border-color: rgba(255, 255, 255, 0.12);
+        color: #fff;
+        box-shadow: none;
+      }
+      body.login input[type="text"]:focus,
+      body.login input[type="password"]:focus,
+      body.login input[type="email"]:focus {
+        border-color: #4f7cff;
+        box-shadow: 0 0 0 1px #4f7cff;
+      }
+      body.login .forgetmenot label {
+        color: #9fb0d0;
+      }
+      body.login #backtoblog a,
+      body.login #nav a {
+        color: #9fb0d0;
+      }
+      body.login #backtoblog a:hover,
+      body.login #nav a:hover {
+        color: #fff;
+      }
+      body.login .wp-core-ui .button-primary {
+        background: #4f7cff;
+        border-color: #4f7cff;
+        box-shadow: none;
+        text-shadow: none;
+      }
+      body.login .wp-core-ui .button-primary:hover,
+      body.login .wp-core-ui .button-primary:focus {
+        background: #3b63e0;
+        border-color: #3b63e0;
+      }
+      body.login #login_error,
+      body.login .message,
+      body.login .success {
+        background: #232b40;
+        border-left-color: #4f7cff;
+        color: #e2e8f4;
+      }
+    </style>
+    <?php
+  }
+}
diff --git a/app/package.json b/app/package.json
index 40016e7..8d65a28 100644
--- a/app/package.json
+++ b/app/package.json
@@ -1,6 +1,6 @@
 {
   "name": "aurora-admin-app",
-  "version": "2.1.1",
+  "version": "2.2.0",
   "private": true,
   "type": "module",
   "scripts": {
diff --git a/aurora-admin.php b/aurora-admin.php
index 2be7726..b8a7b34 100644
--- a/aurora-admin.php
+++ b/aurora-admin.php
@@ -3,7 +3,7 @@
  * Plugin Name: Aurora Admin
  * Plugin URI: https://aurora.co
  * Description: A modern, fast WordPress admin interface.
- * Version: 2.1.1
+ * Version: 2.2.0
  * Author: Aurora
  * Text Domain: aurora-admin
  * Domain Path: /languages/
@@ -14,7 +14,7 @@
 
 defined("ABSPATH") || exit();
 
-define("AURORA_ADMIN_VERSION", "2.1.1");
+define("AURORA_ADMIN_VERSION", "2.2.0");
 define("AURORA_ADMIN_PATH", plugin_dir_path(__FILE__));
 define("AURORA_ADMIN_URL", plugins_url("aurora-admin/"));
 
@@ -43,5 +43,6 @@ require AURORA_ADMIN_PATH . "admin/src/Roles/RolesData.php";
 require AURORA_ADMIN_PATH . "admin/src/ActivityLog/ActivityLog.php";
 require AURORA_ADMIN_PATH . "admin/src/ActivityLog/ActivityLogData.php";
 require AURORA_ADMIN_PATH . "admin/src/DatabaseExplorer/DatabaseExplorerData.php";
+require AURORA_ADMIN_PATH . "admin/src/Login/LoginStyle.php";
 
 new AuroraAdmin\App\AuroraAdmin();