From ef96999fa7c36a0977262912727e2c7db2f6f0a0 Mon Sep 17 00:00:00 2001 From: Lain Iwakura Date: Mon, 16 Jun 2025 02:12:57 +0300 Subject: [PATCH] added black theme --- main/login.php | 9 +--- main/register.php | 10 +--- main/styles.css | 126 ++++++++++++++++++++++++++++++++++++++++++++-- 3 files changed, 123 insertions(+), 22 deletions(-) diff --git a/main/login.php b/main/login.php index ac05bfb..4853393 100644 --- a/main/login.php +++ b/main/login.php @@ -61,14 +61,7 @@ if ($_SERVER['REQUEST_METHOD'] === 'POST') { Text0Nly - Login - +

Login

diff --git a/main/register.php b/main/register.php index a8e79d2..1256f00 100644 --- a/main/register.php +++ b/main/register.php @@ -63,15 +63,7 @@ if ($_SERVER['REQUEST_METHOD'] === 'POST') { Text0Nly - Registration - +

Registration

diff --git a/main/styles.css b/main/styles.css index f789212..3517dc3 100644 --- a/main/styles.css +++ b/main/styles.css @@ -1,9 +1,125 @@ +:root { + --bg-color: #ffffff; + --text-color: #000000; + --input-bg: #f5f5f5; + --input-border: #dddddd; + --button-bg: #2196F3; + --button-color: #ffffff; + --link-color: #2196F3; + --error-color: #f44336; + --success-color: #4CAF50; +} + +@media (prefers-color-scheme: dark) { + :root { + --bg-color: #1a1a1a; + --text-color: #ffffff; + --input-bg: #2d2d2d; + --input-border: #404040; + --button-bg: #1976D2; + --button-color: #ffffff; + --link-color: #64B5F6; + --error-color: #EF5350; + --success-color: #66BB6A; + } +} + body { - font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif; - margin: 0; - padding: 0; - background: #fff; - color: #222; + font-family: Arial, sans-serif; + max-width: 400px; + margin: 20px auto; + padding: 20px; + background-color: var(--bg-color); + color: var(--text-color); +} + +.form-group { + margin: 10px 0; +} + +input, textarea { + width: 100%; + padding: 8px; + margin: 5px 0; + background-color: var(--input-bg); + border: 1px solid var(--input-border); + color: var(--text-color); + border-radius: 4px; +} + +textarea { + height: 100px; + resize: vertical; +} + +button { + width: 100%; + padding: 10px; + background: var(--button-bg); + color: var(--button-color); + border: none; + cursor: pointer; + border-radius: 4px; + font-size: 16px; +} + +button:hover { + opacity: 0.9; +} + +.error { + color: var(--error-color); + margin: 10px 0; + padding: 10px; + border-radius: 4px; + background-color: rgba(244, 67, 54, 0.1); +} + +.success { + color: var(--success-color); + margin: 10px 0; + padding: 10px; + border-radius: 4px; + background-color: rgba(76, 175, 80, 0.1); +} + +a { + color: var(--link-color); + text-decoration: none; +} + +a:hover { + text-decoration: underline; +} + +.message { + margin: 10px 0; + padding: 10px; + border-radius: 4px; + background-color: var(--input-bg); +} + +.message-header { + display: flex; + justify-content: space-between; + margin-bottom: 5px; + font-size: 0.9em; + color: var(--text-color); + opacity: 0.8; +} + +.message-content { + word-break: break-word; +} + +.message-encrypted { + font-style: italic; + opacity: 0.8; +} + +.message-signed { + font-style: italic; + opacity: 0.8; } .container {