app.py

app.py

@@ -3,15 +3,13 @@ from random import randint
 from all_models import models
 from datetime import datetime
 
-now2 = 0
-
 def get_current_time():
     now = datetime.now()
     now2 = now
     current_time = now2.strftime("%Y-%m-%d %H:%M:%S")
     ki = f'{current_time}'
     return ki
-    
+
 def load_fn(models):
     global models_load
     models_load = {}
@@ -74,34 +72,32 @@ def make_me():
         gr.HTML("")
 
 custom_css = """
-/* General Styles */
+:root {
+    --body-background-fill: #2d3d4f;
+}
 body {
-    background-color: #364a5f;
-    color: #364a5f;
+    background-color: var(--body-background-fill) !important;
+    color: #2d3d4f;
     margin: 0;
     padding: 0;
     font-family: Arial, sans-serif;
     height: 100vh;
     overflow-y: auto;
 }
-
-/* Container Styles */
 .gradio-container {
-    background-color: #364a5f;
+    background-color: #2d3d4f;
     color: #c5c6c7;
     padding: 20px;
     border-radius: 8px;
     box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2);
     width: 100%;
     max-width: 1200px;
-    margin: 20px auto; /* Center the container horizontally */
-    display: block; /* Ensure it's a block element */
-    min-height: 100vh; /* Adjust the height of the container */
+    margin: 20px auto;
+    display: block;
+    min-height: 100vh;
 }
-
-/* Header Styles */
 .app_title {
-    background-color: #364a5f;
+    background-color: #2d3d4f;
     color: #c5c6c7;
     padding: 10px 20px;
     border-bottom: 1px solid #3b4252;
@@ -110,10 +106,8 @@ body {
     font-weight: bold;
     width: 100%;
     box-sizing: border-box;
-    margin-bottom: 20px; /* Add margin to separate the header from content */
+    margin-bottom: 20px;
 }
-
-/* Textbox Styles */
 .custom_textbox {
     background-color: #2d343f;
     border: 1px solid #3b4252;
@@ -124,8 +118,6 @@ body {
     width: 100%;
     box-sizing: border-box;
 }
-
-/* Button Styles */
 .custom_gen_button {
     background-color: #8b38ff;
     border: 1px solid #ffffff;
@@ -164,8 +156,6 @@ body {
     transform: translateY(-2px);
     box-shadow: 0 6px 10px rgba(0, 0, 0, 0.3);
 }
-
-/* Image Styles */
 .custom_image {
     border: 1px solid #3b4252;
     background-color: #2d343f;
@@ -174,50 +164,42 @@ body {
     max-width: 100%;
     box-sizing: border-box;
 }
-
-/* Accordion Styles */
 .custom_accordion {
-    background-color: #364a5f;
+    background-color: #2d3d4f;
     color: #7f8184;
     border: 1px solid #3b4252;
     border-radius: 4px;
     margin-top: 20px;
     width: 100%;
     box-sizing: border-box;
-    transition: margin 0.2s ease; /* Smooth transition for margin */
+    transition: margin 0.2s ease;
 }
-
 .custom_accordion .gr-accordion-header {
-    background-color: #364a5f;
+    background-color: #2d3d4f;
     color: #7f8184;
     padding: 10px 20px;
     border-bottom: 1px solid #5b6270;
     cursor: pointer;
     font-size: 18px;
     font-weight: bold;
-    height: 40px; /* Fixed height for the header */
+    height: 40px;
     display: flex;
     align-items: center;
 }
-
 .custom_accordion .gr-accordion-header:hover {
-    background-color: #364a5f;
+    background-color: #2d3d4f;
 }
-
 .custom_accordion .gr-accordion-content {
     padding: 10px 20px;
-    background-color: #364a5f;
+    background-color: #2d3d4f;
     border-top: 1px solid #5b6270;
-    max-height: 0; /* Start with no height */
+    max-height: 0;
     overflow: hidden;
-    transition: max-height 0.2s ease; /* Smooth transition for height */
+    transition: max-height 0.2s ease;
 }
-
 .custom_accordion .gr-accordion-content.open {
-    max-height: 500px; /* Set a reasonable max height */
+    max-height: 500px;
 }
-
-/* Checkbox Group Styles */
 .custom_checkbox_group {
     background-color: #2d343f;
     border: 1px solid #3b4252;
@@ -227,8 +209,6 @@ body {
     width: 100%;
     box-sizing: border-box;
 }
-
-/* Responsive Design */
 @media (max-width: 768px) {
    .gradio-container {
         width: 100%;
@@ -245,5 +225,5 @@ body {
 with gr.Blocks(css=custom_css) as demo: 
     make_me()
 
-demo.queue(concurrency_count=200)
+demo.queue(concurrency_count=100)
 demo.launch()