[PR #152] [CLOSED] feat: Add dark mode toggle styling and login page dark mode support #275

New issue

Closed

opened 2026-02-27 07:18:47 +03:00 by kerem · 0 comments

kerem commented

2026-02-27 07:18:47 +03:00

Owner

📋 Pull Request Information

Original PR: https://github.com/justlovemaki/AIClient-2-API/pull/152
Author: @TheLonelyDevil9
Created: 1/3/2026
Status: ❌ Closed

Base: main ← Head: feature/dark-mode-toggle

📝 Commits (1)

7dc870c feat: Add dark mode toggle styling and login page dark mode support

📊 Changes

2 files changed (+94 additions, -14 deletions)

View changed files

📝 static/app/styles.css (+56 -0)
📝 static/login.html (+38 -14)

📄 Description

Summary

This PR completes the dark mode implementation by adding the missing styling for the theme toggle button and adding dark mode support to the login page.

Changes

styles.css: Add CSS styling for .theme-toggle button with moon/sun icon visibility states and smooth transitions
login.html: Update inline styles to use CSS variables for theming, add theme toggle button to header, import and initialize theme-switcher.js

Testing

Verified theme toggle button is visible in header
Tested smooth transitions between light and dark modes
Confirmed theme persists across page refreshes (localStorage)
Works on both login page and main dashboard

Closes #147

_{🔄 This issue represents a GitHub Pull Request. It cannot be merged through Gitea due to API limitations.}

## 📋 Pull Request Information **Original PR:** https://github.com/justlovemaki/AIClient-2-API/pull/152 **Author:** [@TheLonelyDevil9](https://github.com/TheLonelyDevil9) **Created:** 1/3/2026 **Status:** ❌ Closed **Base:** `main` ← **Head:** `feature/dark-mode-toggle` --- ### 📝 Commits (1) - [`7dc870c`](https://github.com/justlovemaki/AIClient-2-API/commit/7dc870c54d298677a406d5165688c8b8f09d8a80) feat: Add dark mode toggle styling and login page dark mode support ### 📊 Changes **2 files changed** (+94 additions, -14 deletions) <details> <summary>View changed files</summary> 📝 `static/app/styles.css` (+56 -0) 📝 `static/login.html` (+38 -14) </details> ### 📄 Description ## Summary This PR completes the dark mode implementation by adding the missing styling for the theme toggle button and adding dark mode support to the login page. ## Changes - **styles.css**: Add CSS styling for .theme-toggle button with moon/sun icon visibility states and smooth transitions - **login.html**: Update inline styles to use CSS variables for theming, add theme toggle button to header, import and initialize theme-switcher.js ## Testing - Verified theme toggle button is visible in header - Tested smooth transitions between light and dark modes - Confirmed theme persists across page refreshes (localStorage) - Works on both login page and main dashboard Closes #147 --- <sub>🔄 This issue represents a GitHub Pull Request. It cannot be merged through Gitea due to API limitations.</sub>