From 38cb8987d256deb411c88ec3c2d872614107863f Mon Sep 17 00:00:00 2001
From: Dmitriy Gorshenin <dmitriy.gorshenin@gmail.com>
Date: Thu, 5 Dec 2024 17:11:56 +0300
Subject: [PATCH] change night

---
 Dashboard.css | 1401 ++++++++++++++++++++++++++++---------------------
 1 file changed, 803 insertions(+), 598 deletions(-)

diff --git a/Dashboard.css b/Dashboard.css
index c94be7c..4edc9c9 100644
--- a/Dashboard.css
+++ b/Dashboard.css
@@ -1,600 +1,805 @@
 @-moz-document regexp(".*i-dgtl.ru/secure/.*") {
 
-body,
-#jira,
-.aui-header,
-.aui-nav,
-.dashboard-content {
-    background-color: #1e1e1e !important;
-    
-    color: #d4d4d4 !important;
-    
-}
-
-
-h1,
-h2,
-h3,
-h4,
-h5,
-h6 {
-    color: #ffffff !important;
-    
-}
-
-
-.aui-nav-link,
-.aui-dropdown2-trigger {
-    color: #9cdcfe !important;
-    
-}
-
-.aui-nav-link:hover,
-.aui-dropdown2-trigger:hover {
-    color: #569cd6 !important;
-    
-}
-
-
-.aui-button,
-.aui-button-primary {
-    background-color: #3a3d41 !important;
-    
-    color: #d4d4d4 !important;
-    
-    border: 1px solid #444 !important;
-}
-
-.aui-button-primary:hover {
-    background-color: #007acc !important;
-    
-}
-
-
-input,
-textarea,
-select {
-    background-color: #2d2d2d !important;
-    
-    color: #d4d4d4 !important;
-    
-    border: 1px solid #444 !important;
-}
-
-input::placeholder,
-textarea::placeholder {
-    color: #757575 !important;
-    
-}
-
-
-table,
-th,
-td {
-    background-color: #2d2d2d !important;
-    
-    border-color: #444 !important;
-    
-    color: #d4d4d4 !important;
-    
-}
-
-
-header#header,
-footer#footer {
-    background-color: #2d2d2d !important;
-    
-    color: #d4d4d4 !important;
-    
-}
-
-
-.aui-header,
-.aui-button,
-.aui-dropdown2,
-.aui-layer {
-    box-shadow: none !important;
-}
-
-
-footer#footer a {
-    color: #569cd6 !important;
-}
-
-
-.aui-page-header {
-    background-color: #2d2d2d !important;
-    
-    color: #d4d4d4 !important;
-    
-    border-bottom: 1px solid #444 !important;
-    
-}
-
-
-.aui-page-header-inner {
-    display: flex;
-    justify-content: space-between;
-    
-    align-items: center;
-    
-    padding: 10px 20px;
-    
-}
-
-
-.aui-page-header-main h1 {
-    color: #ffffff !important;
-    
-    font-size: 1.8em;
-    
-    margin: 0;
-    
-}
-
-
-.aui-page-header-actions a {
-    background-color: #3a3d41 !important;
-    
-    color: #d4d4d4 !important;
-    
-    border: 1px solid #444 !important;
-    
-    padding: 5px 10px;
-    
-    margin-right: 10px;
-    
-    text-decoration: none !important;
-    
-    border-radius: 4px;
-    
-}
-
-
-.aui-page-header-actions a:hover {
-    background-color: #007acc !important;
-    
-    color: #ffffff !important;
-    
-}
-
-
-.aui-page-header-actions .aui-iconfont-more {
-    color: #d4d4d4 !important;
-    
-}
-
-
-#tools-dropdown-items {
-    background-color: #2d2d2d !important;
-    
-    color: #d4d4d4 !important;
-    
-    border: 1px solid #444 !important;
-    
-    border-radius: 4px;
-    
-}
-
-
-#tools-dropdown-items .aui-list-truncate li a {
-    color: #9cdcfe !important;
-    
-    padding: 8px 15px;
-    
-    display: block;
-    
-}
-
-#tools-dropdown-items .aui-list-truncate li a:hover {
-    background-color: #007acc !important;
-    
-    color: #ffffff !important;
-    
-}
-
-
-.gadget {
-    background-color: #2d2d2d !important;
-    
-    color: #d4d4d4 !important;
-    
-}
-
-
-.dashboard-item-header {
-    background-color: #3a3d3d !important;
-    
-    color: #ffffff !important;
-    
-    border-bottom: 1px solid #444 !important;
-    
-}
-
-
-.dashboard-item-title {
-    color: #d4d4d4 !important;
-    
-}
-
-
-.gadget-menu ul li svg .aui-icon,
-.gadget-menu ul li button {
-    color: #d4d4d4 !important;
-    
-}
-
-
-.aui-dropdown.standard {
-    background-color: #2d2d2d !important;
-    
-    color: #d4d4d4 !important;
-    
-}
-
-.aui-dropdown.standard a {
-    color: #9cdcfe !important;
-    
-}
-
-.aui-dropdown.standard a:hover {
-    background-color: #3a3d41 !important;
-    
-    color: #ffffff !important;
-    
-}
-
-
-.gadget-menu ul li button,
-.dashboard-item-frame .buttons-container input {
-    background-color: #3a3d41 !important;
-    
-    border: 1px solid #444 !important;
-    
-    color: #d4d4d4 !important;
-    
-}
-
-
-.empty-results {
-    background-color: #2d2d2d !important;
-    
-    color: #d4d4d4 !important;
-    
-}
-
-
-.empty-results a {
-    color: #9cdcfe !important;
-    
-}
-
-.empty-results a:hover {
-    color: #569cd6 !important;
-    
-}
-
-
-.aui-dropdown2 {
-    background-color: #2d2d2d !important;
-    
-    color: #d4d4d4 !important;
-    
-    border: 1px solid #444 !important;
-    
-    box-shadow: 0 4px 6px rgba(0, 0, 0, 0.4) !important;
-    
-}
-
-
-.aui-dropdown2-section {
-    padding: 10px 15px !important;
-    
-}
-
-
-.aui-dropdown2-section strong {
-    color: #ffffff !important;
-    
-    margin-bottom: 5px !important;
-    
-    display: block;
-    
-}
-
-
-.aui-list-truncate li a {
-    color: #9cdcfe !important;
-    
-    background-color: transparent !important;
-    
-    padding: 8px 12px !important;
-    
-    display: block;
-    
-    border-radius: 4px !important;
-    
-}
-
-
-.aui-list-truncate li a:hover {
-    background-color: #3a3d41 !important;
-    
-    color: #ffffff !important;
-    
-}
-
-
-.aui-icon-container img.icon {
-    background-color: #2d2d2d !important;
-    
-    border-radius: 50% !important;
-    
-    padding: 2px !important;
-    
-}
-
-
-.filter-link {
-    color: #9cdcfe !important;
-    
-    font-style: italic !important;
-    
-}
-
-.filter-link:hover {
-    color: #569cd6 !important;
-    
-}
-
-
-#timesheet-menu strong {
-    color: #ffffff !important;
-    
-}
-
-#timesheet-menu a {
-    color: #9cdcfe !important;
-    
-}
-
-#timesheet-menu a:hover {
-    background-color: #3a3d41 !important;
-    
-    color: #ffffff !important;
-    
-}
-
-
-.aui-group.count-pagination {
-    background-color: #2d2d2d !important;
-    
-    color: #d4d4d4 !important;
-    
-    padding: 10px 15px !important;
-    
-    border: 1px solid #444 !important;
-    
-    border-radius: 4px !important;
-    
-}
-
-
-.results-count span {
-    color: #ffffff !important;
-    
-    font-weight: bold !important;
-    
-}
-
-
-.results-count a {
-    color: #9cdcfe !important;
-    
-    text-decoration: none !important;
-    
-    font-weight: bold !important;
-    
-}
-
-
-.results-count a:hover {
-    color: #569cd6 !important;
-    
-    text-decoration: underline !important;
-    
-}
-
-
-.pagination {
-    background-color: #3a3d41 !important;
-    
-    color: #d4d4d4 !important;
-    
-    padding: 5px !important;
-    
-    border-radius: 4px !important;
-    
-    text-align: center;
-    
-}
-
-
-.tinylink a.user-hover {
-    color: #9cdcfe !important;
-    
-    text-decoration: none !important;
-    
-    font-weight: bold !important;
-    
-}
-
-
-.tinylink a.user-hover:hover {
-    color: #569cd6 !important;
-    
-    text-decoration: underline !important;
-    
-}
-
-
-.ajs-layer {
-    background-color: #2d2d2d !important;
-    
-    color: #d4d4d4 !important;
-    
-    border: 1px solid #444 !important;
-    
-    box-shadow: 0 4px 6px rgba(0, 0, 0, 0.4) !important;
-    
-}
-
-
-.aui-list {
-    padding: 0 !important;
-    
-}
-
-
-.aui-list-section {
-    margin-bottom: 10px !important;
-    
-}
-
-
-.aui-list-item a {
-    color: #9cdcfe !important;
-    
-    text-decoration: none !important;
-    
-    padding: 8px 15px !important;
-    
-    display: block !important;
-    
-    border-radius: 4px;
-    
-}
-
-
-.aui-list-item a:hover {
-    background-color: #3a3d41 !important;
-    
-    color: #ffffff !important;
-    
-}
-
-
-.aui-list-item.active a {
-    background-color: #007acc !important;
-    
-    color: #ffffff !important;
-    
-}
-
-
-.aui-list-item .aui-list-item-link i {
-    color: #9cdcfe !important;
-    
-}
-
-
-.aui-list-item .aui-list-item-link:hover i {
-    color: #ffffff !important;
-    
-}
-
-
-.tinylink a.user-hover {
-    color: #9cdcfe !important;
-    
-    text-decoration: none !important;
-    
-    font-weight: bold !important;
-    
-}
-
-
-.tinylink a.user-hover:hover {
-    color: #569cd6 !important;
-    
-    text-decoration: underline !important;
-    
-}
-
-* {
-    margin: 0;
-    padding: 0;
-}
-
-body {
-    overflow-x: hidden;
-}
-body,
-html {
-    background-color: #333;
-    
-}
-
-* {
-    box-sizing: border-box;
-}
-
-.container {
-    width: 100%;
-    height: auto;
-}
-
-.pagination.aui-item.active {
-    background-color: #ffffff;
-    
-    color: #000000;
-    
-}
-
-.quicksearch-dropdown {
-    background-color: #333; 
-    color: #fff; 
-}
-
-.quicksearch-dropdown .quick-search-section-heading {
-    background-color: #444; 
-    color: #fff; 
-}
-
-.quicksearch-dropdown .quick-search-item-title {
-    color: #4fa3f7; 
-}
-
-.quicksearch-dropdown .quick-search-item-subtitle {
-    color: #bbb; 
-}
-
-.quick-search-result-group {
-    background-color: #333; 
-    color: #fff; 
-}
-
-.quick-search-section-heading {
-    background-color: #444; 
-    color: #fff; 
-}
-
-.quick-search-result-item {
-    background-color: #444; 
-    border-bottom: 1px solid #555; 
-}
-
-.quick-search-item-title {
-    color: #4fa3f7; 
-}
-
-.quick-search-item-subtitle {
-    color: #bbb; 
-}
-
-.quick-search-view-all {
-    background-color: #555; 
-    color: #fff; 
-}
-
-}
\ No newline at end of file
+    body,
+    #jira,
+    .aui-header,
+    .aui-nav,
+    .dashboard-content {
+        background-color: #1e1e1e !important;
+        
+        color: #d4d4d4 !important;
+        
+    }
+    
+    
+    h1,
+    h2,
+    h3,
+    h4,
+    h5,
+    h6 {
+        color: #ffffff !important;
+        
+    }
+    
+    
+    .aui-nav-link,
+    .aui-dropdown2-trigger {
+        color: #9cdcfe !important;
+        
+    }
+    
+    .aui-nav-link:hover,
+    .aui-dropdown2-trigger:hover {
+        color: #569cd6 !important;
+        
+    }
+    
+    
+    .aui-button,
+    .aui-button-primary {
+        background-color: #3a3d41 !important;
+        
+        color: #d4d4d4 !important;
+        
+        border: 1px solid #444 !important;
+    }
+    
+    .aui-button-primary:hover {
+        background-color: #007acc !important;
+        
+    }
+    
+    
+    input,
+    textarea,
+    select {
+        background-color: #2d2d2d !important;
+        
+        color: #d4d4d4 !important;
+        
+        border: 1px solid #444 !important;
+    }
+    
+    input::placeholder,
+    textarea::placeholder {
+        color: #757575 !important;
+        
+    }
+    
+    
+    table,
+    th,
+    td {
+        background-color: #2d2d2d !important;
+        
+        border-color: #444 !important;
+        
+        color: #d4d4d4 !important;
+        
+    }
+    
+    
+    header#header,
+    footer#footer {
+        background-color: #2d2d2d !important;
+        
+        color: #d4d4d4 !important;
+        
+    }
+    
+    
+    .aui-header,
+    .aui-button,
+    .aui-dropdown2,
+    .aui-layer {
+        box-shadow: none !important;
+    }
+    
+    
+    footer#footer a {
+        color: #569cd6 !important;
+    }
+    
+    
+    .aui-page-header {
+        background-color: #2d2d2d !important;
+        
+        color: #d4d4d4 !important;
+        
+        border-bottom: 1px solid #444 !important;
+        
+    }
+    
+    
+    .aui-page-header-inner {
+        display: flex;
+        justify-content: space-between;
+        
+        align-items: center;
+        
+        padding: 10px 20px;
+        
+    }
+    
+    
+    .aui-page-header-main h1 {
+        color: #ffffff !important;
+        
+        font-size: 1.8em;
+        
+        margin: 0;
+        
+    }
+    
+    
+    .aui-page-header-actions a {
+        background-color: #3a3d41 !important;
+        
+        color: #d4d4d4 !important;
+        
+        border: 1px solid #444 !important;
+        
+        padding: 5px 10px;
+        
+        margin-right: 10px;
+        
+        text-decoration: none !important;
+        
+        border-radius: 4px;
+        
+    }
+    
+    
+    .aui-page-header-actions a:hover {
+        background-color: #007acc !important;
+        
+        color: #ffffff !important;
+        
+    }
+    
+    
+    .aui-page-header-actions .aui-iconfont-more {
+        color: #d4d4d4 !important;
+        
+    }
+    
+    
+    #tools-dropdown-items {
+        background-color: #2d2d2d !important;
+        
+        color: #d4d4d4 !important;
+        
+        border: 1px solid #444 !important;
+        
+        border-radius: 4px;
+        
+    }
+    
+    
+    #tools-dropdown-items .aui-list-truncate li a {
+        color: #9cdcfe !important;
+        
+        padding: 8px 15px;
+        
+        display: block;
+        
+    }
+    
+    #tools-dropdown-items .aui-list-truncate li a:hover {
+        background-color: #007acc !important;
+        
+        color: #ffffff !important;
+        
+    }
+    
+    
+    .gadget {
+        background-color: #2d2d2d !important;
+        
+        color: #d4d4d4 !important;
+        
+    }
+    
+    
+    .dashboard-item-header {
+        background-color: #3a3d3d !important;
+        
+        color: #ffffff !important;
+        
+        border-bottom: 1px solid #444 !important;
+        
+    }
+    
+    
+    .dashboard-item-title {
+        color: #d4d4d4 !important;
+        
+    }
+    
+    
+    .gadget-menu ul li svg .aui-icon,
+    .gadget-menu ul li button {
+        color: #d4d4d4 !important;
+        
+    }
+    
+    
+    .aui-dropdown.standard {
+        background-color: #2d2d2d !important;
+        
+        color: #d4d4d4 !important;
+        
+    }
+    
+    .aui-dropdown.standard a {
+        color: #9cdcfe !important;
+        
+    }
+    
+    .aui-dropdown.standard a:hover {
+        background-color: #3a3d41 !important;
+        
+        color: #ffffff !important;
+        
+    }
+    
+    
+    .gadget-menu ul li button,
+    .dashboard-item-frame .buttons-container input {
+        background-color: #3a3d41 !important;
+        
+        border: 1px solid #444 !important;
+        
+        color: #d4d4d4 !important;
+        
+    }
+    
+    
+    .empty-results {
+        background-color: #2d2d2d !important;
+        
+        color: #d4d4d4 !important;
+        
+    }
+    
+    
+    .empty-results a {
+        color: #9cdcfe !important;
+        
+    }
+    
+    .empty-results a:hover {
+        color: #569cd6 !important;
+        
+    }
+    
+    
+    .aui-dropdown2 {
+        background-color: #2d2d2d !important;
+        
+        color: #d4d4d4 !important;
+        
+        border: 1px solid #444 !important;
+        
+        box-shadow: 0 4px 6px rgba(0, 0, 0, 0.4) !important;
+        
+    }
+    
+    
+    .aui-dropdown2-section {
+        padding: 10px 15px !important;
+        
+    }
+    
+    
+    .aui-dropdown2-section strong {
+        color: #ffffff !important;
+        
+        margin-bottom: 5px !important;
+        
+        display: block;
+        
+    }
+    
+    
+    .aui-list-truncate li a {
+        color: #9cdcfe !important;
+        
+        background-color: transparent !important;
+        
+        padding: 8px 12px !important;
+        
+        display: block;
+        
+        border-radius: 4px !important;
+        
+    }
+    
+    
+    .aui-list-truncate li a:hover {
+        background-color: #3a3d41 !important;
+        
+        color: #ffffff !important;
+        
+    }
+    
+    
+    .aui-icon-container img.icon {
+        background-color: #2d2d2d !important;
+        
+        border-radius: 50% !important;
+        
+        padding: 2px !important;
+        
+    }
+    
+    
+    .filter-link {
+        color: #9cdcfe !important;
+        
+        font-style: italic !important;
+        
+    }
+    
+    .filter-link:hover {
+        color: #569cd6 !important;
+        
+    }
+    
+    
+    #timesheet-menu strong {
+        color: #ffffff !important;
+        
+    }
+    
+    #timesheet-menu a {
+        color: #9cdcfe !important;
+        
+    }
+    
+    #timesheet-menu a:hover {
+        background-color: #3a3d41 !important;
+        
+        color: #ffffff !important;
+        
+    }
+    
+    
+    .aui-group.count-pagination {
+        background-color: #2d2d2d !important;
+        
+        color: #d4d4d4 !important;
+        
+        padding: 10px 15px !important;
+        
+        border: 1px solid #444 !important;
+        
+        border-radius: 4px !important;
+        
+    }
+    
+    
+    .results-count span {
+        color: #ffffff !important;
+        
+        font-weight: bold !important;
+        
+    }
+    
+    
+    .results-count a {
+        color: #9cdcfe !important;
+        
+        text-decoration: none !important;
+        
+        font-weight: bold !important;
+        
+    }
+    
+    
+    .results-count a:hover {
+        color: #569cd6 !important;
+        
+        text-decoration: underline !important;
+        
+    }
+    
+    
+    .pagination {
+        background-color: #3a3d41 !important;
+        
+        color: #d4d4d4 !important;
+        
+        padding: 5px !important;
+        
+        border-radius: 4px !important;
+        
+        text-align: center;
+        
+    }
+    
+    
+    .tinylink a.user-hover {
+        color: #9cdcfe !important;
+        
+        text-decoration: none !important;
+        
+        font-weight: bold !important;
+        
+    }
+    
+    
+    .tinylink a.user-hover:hover {
+        color: #569cd6 !important;
+        
+        text-decoration: underline !important;
+        
+    }
+    
+    
+    .ajs-layer {
+        background-color: #2d2d2d !important;
+        
+        color: #d4d4d4 !important;
+        
+        border: 1px solid #444 !important;
+        
+        box-shadow: 0 4px 6px rgba(0, 0, 0, 0.4) !important;
+        
+    }
+    
+    
+    .aui-list {
+        padding: 0 !important;
+        
+    }
+    
+    
+    .aui-list-section {
+        margin-bottom: 10px !important;
+        
+    }
+    
+    
+    .aui-list-item a {
+        color: #9cdcfe !important;
+        
+        text-decoration: none !important;
+        
+        padding: 8px 15px !important;
+        
+        display: block !important;
+        
+        border-radius: 4px;
+        
+    }
+    
+    
+    .aui-list-item a:hover {
+        background-color: #3a3d41 !important;
+        
+        color: #ffffff !important;
+        
+    }
+    
+    
+    .aui-list-item.active a {
+        background-color: #007acc !important;
+        
+        color: #ffffff !important;
+        
+    }
+    
+    
+    .aui-list-item .aui-list-item-link i {
+        color: #9cdcfe !important;
+        
+    }
+    
+    
+    .aui-list-item .aui-list-item-link:hover i {
+        color: #ffffff !important;
+        
+    }
+    
+    
+    .tinylink a.user-hover {
+        color: #9cdcfe !important;
+        
+        text-decoration: none !important;
+        
+        font-weight: bold !important;
+        
+    }
+    
+    
+    .tinylink a.user-hover:hover {
+        color: #569cd6 !important;
+        
+        text-decoration: underline !important;
+        
+    }
+    
+    * {
+        margin: 0;
+        padding: 0;
+    }
+    
+    body {
+        overflow-x: hidden;
+    }
+    body,
+    html {
+        background-color: #333;
+        
+    }
+    
+    * {
+        box-sizing: border-box;
+    }
+    
+    .container {
+        width: 100%;
+        height: auto;
+    }
+    
+    .pagination.aui-item.active {
+        background-color: #ffffff;
+        
+        color: #000000;
+        
+    }
+    
+    .quicksearch-dropdown {
+        background-color: #333; 
+        color: #fff; 
+    }
+    
+    .quicksearch-dropdown .quick-search-section-heading {
+        background-color: #444; 
+        color: #fff; 
+    }
+    
+    .quicksearch-dropdown .quick-search-item-title {
+        color: #4fa3f7; 
+    }
+    
+    .quicksearch-dropdown .quick-search-item-subtitle {
+        color: #bbb; 
+    }
+    
+    .quick-search-result-group {
+        background-color: #333; 
+        color: #fff; 
+    }
+    
+    .quick-search-section-heading {
+        background-color: #444; 
+        color: #fff; 
+    }
+    
+    .quick-search-result-item {
+        background-color: #444; 
+        border-bottom: 1px solid #555; 
+    }
+    
+    .quick-search-item-title {
+        color: #4fa3f7; 
+    }
+    
+    .quick-search-item-subtitle {
+        color: #bbb; 
+    }
+    
+    .quick-search-view-all {
+        background-color: #555; 
+        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; 
+    }
+    
+    }
\ No newline at end of file