Upload 2 files
Browse files- gallery_tab.py +20 -4
gallery_tab.py
CHANGED
|
@@ -98,7 +98,7 @@ def create_video_gallery():
|
|
| 98 |
margin-bottom: 40px;
|
| 99 |
}}
|
| 100 |
.video-card {{
|
| 101 |
-
background: #ffffff;
|
| 102 |
border-radius: 10px;
|
| 103 |
box-shadow: 0 2px 10px rgba(0,0,0,0.1);
|
| 104 |
overflow: hidden;
|
|
@@ -125,10 +125,10 @@ def create_video_gallery():
|
|
| 125 |
padding: 15px;
|
| 126 |
font-size: 1.2em;
|
| 127 |
font-weight: bold;
|
| 128 |
-
color: #2c3e50;
|
| 129 |
text-align: center;
|
| 130 |
-
background: #f8f9fa;
|
| 131 |
-
border-top: 1px solid #eee;
|
| 132 |
}}
|
| 133 |
.news-section {{
|
| 134 |
margin-top: 40px;
|
|
@@ -188,6 +188,22 @@ def create_video_gallery():
|
|
| 188 |
font-size: 1.5em;
|
| 189 |
color: #1da1f2;
|
| 190 |
}}
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
| 191 |
</style>
|
| 192 |
|
| 193 |
<!-- Highlight Section -->
|
|
|
|
| 98 |
margin-bottom: 40px;
|
| 99 |
}}
|
| 100 |
.video-card {{
|
| 101 |
+
background: var(--card-bg, #ffffff);
|
| 102 |
border-radius: 10px;
|
| 103 |
box-shadow: 0 2px 10px rgba(0,0,0,0.1);
|
| 104 |
overflow: hidden;
|
|
|
|
| 125 |
padding: 15px;
|
| 126 |
font-size: 1.2em;
|
| 127 |
font-weight: bold;
|
| 128 |
+
color: var(--title-text, #2c3e50);
|
| 129 |
text-align: center;
|
| 130 |
+
background: var(--title-bg, #f8f9fa);
|
| 131 |
+
border-top: 1px solid var(--border-color, #eee);
|
| 132 |
}}
|
| 133 |
.news-section {{
|
| 134 |
margin-top: 40px;
|
|
|
|
| 188 |
font-size: 1.5em;
|
| 189 |
color: #1da1f2;
|
| 190 |
}}
|
| 191 |
+
|
| 192 |
+
/* Dark mode specific styles */
|
| 193 |
+
.dark .video-card {{
|
| 194 |
+
--card-bg: #2d3748;
|
| 195 |
+
--title-bg: #1a202c;
|
| 196 |
+
--title-text: #e2e8f0;
|
| 197 |
+
--border-color: #4a5568;
|
| 198 |
+
}}
|
| 199 |
+
|
| 200 |
+
/* Light mode specific styles */
|
| 201 |
+
.light .video-card {{
|
| 202 |
+
--card-bg: #ffffff;
|
| 203 |
+
--title-bg: #f8f9fa;
|
| 204 |
+
--title-text: #2c3e50;
|
| 205 |
+
--border-color: #eee;
|
| 206 |
+
}}
|
| 207 |
</style>
|
| 208 |
|
| 209 |
<!-- Highlight Section -->
|