change night

2024-12-05 17:11:56 +03:00
parent 0442e7e4aa
commit 38cb8987d2
1 changed files with 803 additions and 598 deletions
--- a/Dashboard.css
+++ b/Dashboard.css
@@ -597,4 +597,209 @@ html {
        color: #fff; 
    }
    
+    #login-container {
+        background-color: #2c2f33; 
+        color: #dcdfe4; 
+        border-radius: 10px; 
+        padding: 30px; 
+        box-shadow: 0 4px 15px rgba(0, 0, 0, 0.6); 
+        max-width: 400px; 
+        margin: 0 auto; 
+        font-family: Arial, sans-serif; 
+    }
+    
+    #login-container label {
+        color: #ffffff; 
+        font-weight: bold;
+        margin-bottom: 8px;
+        display: block; 
+    }
+    
+    #login-container .field-group {
+        margin-bottom: 20px; 
+    }
+    
+    #login-container input.text {
+        background-color: #3a3e44; 
+        color: #dcdfe4; 
+        border: 1px solid #464a50; 
+        padding: 10px;
+        border-radius: 5px; 
+        width: 100%; 
+        box-sizing: border-box; 
+    }
+    
+    #login-container input.text:focus {
+        border-color: #6cb2eb; 
+        outline: none;
+        background-color: #464a50; 
+    }
+    
+    #login-container .checkbox {
+        display: flex;
+        align-items: center; 
+        gap: 8px; 
+    }
+    
+    #login-container input.checkbox {
+        accent-color: #6cb2eb; 
+        width: 16px;
+        height: 16px;
+    }
+    
+    #login-container #publicmodeoffmsg {
+        font-size: 14px;
+        color: #888b90; 
+        margin-top: 10px;
+    }
+    
+    #login-container a {
+        color: #6cb2eb; 
+        text-decoration: none;
+    }
+    
+    #login-container a:hover {
+        text-decoration: underline; 
+    }
+    
+    #login-container .buttons-container {
+        display: flex;
+        justify-content: space-between;
+        align-items: center;
+        margin-top: 20px;
+    }
+    
+    #login-container .aui-button-primary {
+        background-color: #6cb2eb; 
+        color: #ffffff; 
+        border: none;
+        border-radius: 5px;
+        padding: 10px 20px;
+        font-weight: bold;
+        cursor: pointer;
+        transition: background-color 0.3s ease; 
+    }
+    
+    #login-container .aui-button-primary:hover {
+        background-color: #5a9cd7; 
+    }
+    
+    #login-container .cancel {
+        color: #ffffff; 
+        font-size: 14px;
+        transition: color 0.3s ease;
+    }
+    
+    #login-container .cancel:hover {
+        color: #6cb2eb; 
+    }
+    
+    .g-intro {
+        background-color: #2c2f33; 
+        color: #dcdfe4; 
+        border-radius: 10px; 
+        padding: 30px; 
+        text-align: center; 
+        box-shadow: 0 4px 15px rgba(0, 0, 0, 0.6); 
+        margin: 20px auto; 
+        max-width: 600px; 
+        font-family: Arial, sans-serif; 
+    }
+    
+    .g-intro .intro-logo {
+        max-width: 120px; 
+        margin-bottom: 20px; 
+        filter: drop-shadow(0px 4px 6px rgba(0, 0, 0, 0.4)); 
+    }
+    
+    .g-intro h3 {
+        color: #ffffff; 
+        font-size: 24px;
+        margin-bottom: 15px;
+    }
+    
+    .g-intro p {
+        font-size: 16px;
+        line-height: 1.5; 
+        color: #dcdfe4;
+        margin-bottom: 20px;
+    }
+    
+    .g-intro a {
+        color: #6cb2eb; 
+        text-decoration: none; 
+        font-weight: bold;
+    }
+    
+    .g-intro a:hover {
+        text-decoration: underline; 
+        color: #5a9cd7; 
+    }
+    
+    
+    body {
+        background-color: #1c1e22; 
+        color: #dcdfe4; 
+    }
+    
+    
+    div {
+        background-color: #2c2f33; 
+        color: #dcdfe4; 
+        border: none; 
+    }
+    
+    
+    a {
+        color: #6cb2eb; 
+        text-decoration: none;
+    }
+    
+    a:hover {
+        color: #4e9cd8; 
+    }
+    
+    
+    input[type="text"], input[type="password"], textarea {
+        background-color: #1c1e22; 
+        color: #dcdfe4; 
+        border: 1px solid #3b4046; 
+        border-radius: 5px; 
+        padding: 10px; 
+    }
+    
+    
+    input[type="checkbox"] {
+        accent-color: #4caf50; 
+    }
+    
+    
+    button, input[type="submit"] {
+        background-color: #4caf50; 
+        color: #ffffff; 
+        border: none;
+        padding: 10px 20px;
+        border-radius: 5px; 
+        cursor: pointer;
+        transition: background-color 0.3s ease;
+    }
+    
+    button:hover, input[type="submit"]:hover {
+        background-color: #45a049; 
+    }
+    
+    
+    #publicmodeoff {
+        background-color: #2c2f33; 
+        color: #dcdfe4; 
+    }
+    
+    
+    .g-intro, .gadget-inline {
+        background-color: #2c2f33; 
+        color: #dcdfe4; 
+        padding: 20px; 
+        border-radius: 10px; 
+    }
+    
    }