Update app.py
Browse files
app.py
CHANGED
|
@@ -485,39 +485,48 @@ body {
|
|
| 485 |
/* โหมดมืด (Dark Theme) */
|
| 486 |
@media (prefers-color-scheme: dark) {
|
| 487 |
body {
|
| 488 |
-
background-color: #1E1E1E;
|
| 489 |
-
color: #FFFFFF; /* สีข้อความทั่วไปในโหมดมืด */
|
| 490 |
}
|
| 491 |
|
| 492 |
#title {
|
| 493 |
-
color: #6EB1FF;
|
| 494 |
}
|
| 495 |
|
| 496 |
.game-desc {
|
| 497 |
-
background-color: #2E2E2E;
|
| 498 |
-
border: 2px dashed #555555;
|
| 499 |
-
color: #FFFFFF;
|
| 500 |
}
|
| 501 |
|
| 502 |
.btn-main {
|
| 503 |
-
background-color: #FFA500;
|
| 504 |
-
border: 2px solid #FF8C00;
|
| 505 |
-
color: #FFFFFF;
|
| 506 |
}
|
| 507 |
|
| 508 |
#child-summary, #detail-th, #prompt1-en, #prompt2-en, #prompt3-en, #formula-box {
|
| 509 |
-
background-color: #333333;
|
| 510 |
-
border: 2px solid #555555;
|
| 511 |
-
color: #FFFFFF;
|
| 512 |
}
|
| 513 |
|
| 514 |
.copy-btn {
|
| 515 |
-
background-color: #FF4081;
|
| 516 |
-
border: 2px solid #F50057;
|
| 517 |
-
color: #FFFFFF;
|
| 518 |
}
|
| 519 |
|
| 520 |
-
/*
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
| 521 |
}
|
| 522 |
"""
|
| 523 |
|
|
|
|
| 485 |
/* โหมดมืด (Dark Theme) */
|
| 486 |
@media (prefers-color-scheme: dark) {
|
| 487 |
body {
|
| 488 |
+
background-color: #1E1E1E !important;
|
| 489 |
+
color: #FFFFFF !important; /* สีข้อความทั่วไปในโหมดมืด */
|
| 490 |
}
|
| 491 |
|
| 492 |
#title {
|
| 493 |
+
color: #6EB1FF !important;
|
| 494 |
}
|
| 495 |
|
| 496 |
.game-desc {
|
| 497 |
+
background-color: #2E2E2E !important;
|
| 498 |
+
border: 2px dashed #555555 !important;
|
| 499 |
+
color: #FFFFFF !important;
|
| 500 |
}
|
| 501 |
|
| 502 |
.btn-main {
|
| 503 |
+
background-color: #FFA500 !important;
|
| 504 |
+
border: 2px solid #FF8C00 !important;
|
| 505 |
+
color: #FFFFFF !important;
|
| 506 |
}
|
| 507 |
|
| 508 |
#child-summary, #detail-th, #prompt1-en, #prompt2-en, #prompt3-en, #formula-box {
|
| 509 |
+
background-color: #333333 !important;
|
| 510 |
+
border: 2px solid #555555 !important;
|
| 511 |
+
color: #FFFFFF !important;
|
| 512 |
}
|
| 513 |
|
| 514 |
.copy-btn {
|
| 515 |
+
background-color: #FF4081 !important;
|
| 516 |
+
border: 2px solid #F50057 !important;
|
| 517 |
+
color: #FFFFFF !important;
|
| 518 |
}
|
| 519 |
|
| 520 |
+
/* ปรับสีข้อความเพิ่มเติมในโหมดมืด */
|
| 521 |
+
.game-desc p, #child-summary p, #detail-th p, #prompt1-en p, #prompt2-en p, #prompt3-en p, #formula-box p {
|
| 522 |
+
color: #FFFFFF !important;
|
| 523 |
+
}
|
| 524 |
+
|
| 525 |
+
/* ปรับสีตัวหนังสืออื่นๆ ที่อาจไม่ถูกครอบคลุม */
|
| 526 |
+
h1, h2, h3, h4, h5, h6, p, span, div, label, button {
|
| 527 |
+
color: #FFFFFF !important;
|
| 528 |
+
background-color: #1E1E1E !important;
|
| 529 |
+
}
|
| 530 |
}
|
| 531 |
"""
|
| 532 |
|