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 {