added black theme

This commit is contained in:
Lain Iwakura 2025-06-16 02:12:57 +03:00
parent 5ed67947e5
commit ef96999fa7
No known key found for this signature in database
GPG Key ID: C7C18257F2ADC6F8
3 changed files with 123 additions and 22 deletions

View File

@ -61,14 +61,7 @@ if ($_SERVER['REQUEST_METHOD'] === 'POST') {
<head>
<meta charset="utf-8">
<title>Text0Nly - Login</title>
<style>
body { font-family: Arial, sans-serif; max-width: 400px; margin: 20px auto; padding: 20px; }
.form-group { margin: 10px 0; }
input { width: 100%; padding: 8px; margin: 5px 0; }
button { width: 100%; padding: 10px; background: #2196F3; color: white; border: none; cursor: pointer; }
.error { color: red; }
.success { color: green; }
</style>
<link rel="stylesheet" href="styles.css">
</head>
<body>
<h2>Login</h2>

View File

@ -63,15 +63,7 @@ if ($_SERVER['REQUEST_METHOD'] === 'POST') {
<head>
<meta charset="utf-8">
<title>Text0Nly - Registration</title>
<style>
body { font-family: Arial, sans-serif; max-width: 400px; margin: 20px auto; padding: 20px; }
.form-group { margin: 10px 0; }
input, textarea { width: 100%; padding: 8px; margin: 5px 0; }
textarea { height: 100px; }
button { width: 100%; padding: 10px; background: #2196F3; color: white; border: none; cursor: pointer; }
.error { color: red; }
.success { color: green; }
</style>
<link rel="stylesheet" href="styles.css">
</head>
<body>
<h2>Registration</h2>

View File

@ -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 {