chamomind/elearning
7
0
Fork 0
Code Issues 4 Pull requests Projects Releases Packages 3 Wiki Activity Actions

feat: Establish core application layout, global styles, and theme mode management.

Browse source
This commit is contained in:
supalerk-ar66 2026-01-26 14:03:56 +07:00
parent a2ce1d79a2
commit 0e095b35c5
4 changed files with 79 additions and 30 deletions
Download patch file Download diff file Expand all files Collapse all files

30
Frontend-Learner/assets/css/main.css
View file

@ -1113,3 +1113,33 @@ ul {
color: var(--text-secondary);
margin-bottom: 24px;
}
/* =========================
Discovery page: Quasar dark-mode overrides (scoped)
ไม่กระทบหน้าอื่น เพราะล็อคด้วย .discovery-page
========================= */
/* Dark mode: input background + border */
html.dark .discovery-page .input-dark-override .q-field__control {
background-color: #0f172a !important; /* slate-900 */
border-color: rgba(255, 255, 255, 0.10) !important;
}
/* Dark mode: input text + icons */
html.dark .discovery-page .input-dark-override .q-field__native,
html.dark .discovery-page .input-dark-override .q-field__input,
html.dark .discovery-page .input-dark-override .q-field__prefix,
html.dark .discovery-page .input-dark-override .q-field__suffix,
html.dark .discovery-page .input-dark-override .q-select__dropdown-icon,
html.dark .discovery-page .input-dark-override .q-field__append .q-icon {
color: #ffffff !important;
}
/* Dark mode: placeholder */
html.dark .discovery-page .input-dark-override .q-placeholder {
color: #94a3b8 !important; /* slate-400 */
}
/* Dark mode: category label ให้ชัดขึ้น (แก้กรณี class ไม่ติด) */
html.dark .discovery-page .category-item .q-item__label {
color: #e2e8f0 !important; /* slate-200 */
}