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

feat: introduce comprehensive styling, design system, dark mode, and fundamental UI components.

Browse source
This commit is contained in:
supalerk-ar66 2026-01-26 15:39:36 +07:00
parent ff11b9e012
commit a7de3aca72
1 changed files with 0 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,33 +1113,3 @@ ul {
color: var(--text-secondary); color: var(--text-secondary);
margin-bottom: 24px; 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 */
}