CSS

app.py

@@ -212,7 +212,7 @@ style_list = [
 
 styles = {k["name"]: (k["prompt"], k["negative_prompt"]) for k in style_list}
 STYLE_NAMES = list(styles.keys())
-DEFAULT_STYLE_NAME = "Dungeon Map"
+DEFAULT_STYLE_NAME = "Black & White Dungeon Map"
 
 # Function to apply selected style
 def apply_style(style_name: str, positive: str, negative: str = ""):
@@ -266,7 +266,6 @@ body {
     margin: 0;
     padding: 0;
 }
-
 /* Container */
 #col-container {
     margin: 0 auto;
@@ -278,23 +277,19 @@ body {
     box-shadow: 0 0 30px rgba(0, 0, 0, 0.9), 0 0 15px rgba(139, 69, 19, 0.7);
     transition: transform 0.3s ease-in-out, box-shadow 0.3s ease-in-out;
 }
-
 #col-container:hover {
     transform: scale(1.03);
     box-shadow: 0 0 40px rgba(255, 223, 0, 0.8), 0 0 20px rgba(255, 140, 0, 0.8);
 }
-
 /* Fancy title and text effects */
 #col-container h1, #col-container h2, #col-container h3 {
     color: #ffebcc;
     text-shadow: 0 0 10px #8b4513, 0 0 20px #ffd700;
 }
-
 #col-container p {
     color: #dcdcdc;
     text-shadow: 0 0 6px rgba(139, 69, 19, 0.8);
 }
-
 /* Markdown links */
 #col-container a {
     color: #e6ac00;
@@ -302,12 +297,10 @@ body {
     font-weight: bold;
     transition: color 0.3s ease-in-out, text-shadow 0.3s ease-in-out;
 }
-
 #col-container a:hover {
     color: #fff700;
     text-shadow: 0 0 10px #fff700, 0 0 20px #ffebcc;
 }
-
 /* Buttons with D&D glowing effect */
 .gr-button {
     background-color: #8b4513;
@@ -319,13 +312,11 @@ body {
     cursor: pointer;
     transition: background-color 0.4s ease-in-out, box-shadow 0.4s ease-in-out, transform 0.2s ease-in-out;
 }
-
 .gr-button:hover {
     background-color: #b8860b;
     transform: scale(1.05);
     box-shadow: 0 0 12px rgba(255, 223, 0, 0.9), 0 0 24px rgba(255, 140, 0, 0.7);
 }
-
 /* Input and Dropdown styling */
 input, select, .gr-input, .gr-slider {
     background-color: #302d2b;
@@ -336,25 +327,21 @@ input, select, .gr-input, .gr-slider {
     font-family: 'Cinzel', serif;
     transition: border-color 0.3s ease, box-shadow 0.3s ease;
 }
-
 input:focus, select:focus, .gr-input:focus, .gr-slider:focus {
     outline: none;
     border-color: #ffd700;
     box-shadow: 0 0 8px #ffd700;
 }
-
 /* Slider styling */
 .gr-slider > div {
     background-color: #8b4513 !important;
 }
-
 /* Checkbox customization */
 .gr-checkbox-label {
     font-weight: bold;
     color: #f5f5f5;
     text-shadow: 0 0 5px rgba(139, 69, 19, 0.7);
 }
-
 /* Accordion effects */
 .gr-accordion {
     background: linear-gradient(145deg, #302d2b, #3b3634);
@@ -364,18 +351,15 @@ input:focus, select:focus, .gr-input:focus, .gr-slider:focus {
     padding: 8px;
     transition: all 0.3s ease;
 }
-
 .gr-accordion:hover {
     box-shadow: 0 0 12px rgba(255, 223, 0, 0.7), 0 0 20px rgba(255, 140, 0, 0.5);
 }
-
 /* Image glow effect */
 .gr-image {
     border: 4px solid #8b4513;
     border-radius: 10px;
     box-shadow: 0 0 10px #8b4513, 0 0 20px #ffd700;
 }
-
 /* Add glow on hover for images */
 .gr-image:hover {
     box-shadow: 0 0 20px rgba(255, 140, 0, 0.7), 0 0 40px rgba(255, 223, 0, 0.9);
@@ -388,7 +372,7 @@ with gr.Blocks(css=css) as demo:
         # Title and Description
         gr.Markdown(
             """
-            # 🛡️ ChatDnD.net Dungeon Generator ⚔️
+            # 🛡️ ChatDnD.net D&D Dungeon Map Generator ⚔️
             **Unleash Your Imagination!** Create heroes, maps, quests, and epic scenes to bring your campaigns to life. 
             Tailored for adventurers seeking inspiration or Dungeon Masters constructing their next grand story. <br>
             [Visit Our Website](https://chatdnd.net) | [Support Us](https://buymeacoffee.com/watchoutformike)
@@ -445,7 +429,7 @@ with gr.Blocks(css=css) as demo:
                 minimum=1,
                 maximum=50,
                 step=1,
-                value=6,
+                value=4,
             )
 
         # Examples with styles